De korte versie
- Een werkend merkpalet heeft vier of vijf kleuren met vaste taken: een ondergrond, een hoofdkleur, een ondersteunende tint, een neutrale kleur voor tekst en één accent.
- Het accent is de kleur die mensen onthouden, dus het hoort op één ding tegelijk te staan, zoals een knop, een prijs of een logo.
- Paletten die bij een branche passen helpen klanten begrijpen wat je verkoopt, maar één onverwachte kleur maakt een merk herkenbaar.
- Test een palet op echte ontwerpen op echte formaten, in licht en donker, voordat je kiest, want stalen op een witte pagina verbergen de meeste problemen.
- Controleer of je tekstkleur op je ondergrond aan het WCAG-contrast voldoet, anders is lopende tekst voor veel mensen moeilijk te lezen.
Op deze pagina
Goede merkkleuren ideeën beginnen bij taken, niet bij favorieten. Kies een ondergrondkleur waar de meeste ontwerpen op staan, een hoofdkleur die zegt wat voor bedrijf je bent, een ondersteunende tint voor diepte, een neutrale kleur voor tekst en één accent waaraan mensen je herkennen. Hieronder staan 30 paletten die zo zijn opgebouwd, zes op stemming met stalen en 24 op branche met codes, plus een snelle methode om het palet van je keuze te testen.
Hoe een merkkleurenpalet is opgebouwd
De meeste mislukte paletten zijn vijf kleuren van gelijk gewicht: niets leidt, dus niets is herkenbaar. Een palet werkt als elke kleur een deel van de ruimte heeft: de ondergrond dekt het meeste, de hoofdkleur een flink deel en het accent maar een streepje. De 60-30-10-regel is een nuttige startverhouding, ook als je er later van afwijkt.
Aandeel van een ontwerp
Taak
Aandeel van een ontwerp
Taak
Aandeel van een ontwerp
Taak
Taak
Taak
Merkkleurenpaletten op stemming
Begin hier als je weet hoe mensen zich moeten voelen. Kleurassociaties zijn cultureel en niet universeel, zoals kleurpsychologie uitlegt.
Merkkleuren ideeën per branche
Elk brancheplaat noemt vier codes, meestal van donker naar licht, en de laatste kolom benoemt de kleur die de taak van het accent doet. Conventies bestaan om een reden: een tandarts in teal en een bakkerij in warm bruin worden in één oogopslag begrepen. Volg de conventie met je hoofdkleur en doorbreek haar zachtjes met je accent.
Palet
Codes
#1d3557 #457b9d #f1faee #e63946Waarom het werkt
Palet
Codes
#2b2d42 #8d99ae #edf2f4 #9c6644Waarom het werkt
Codes
#03363d #17a398 #e6f4f1 #ffb703Waarom het werkt
Palet
Codes
#264653 #2a9d8f #e9f5f2 #f4a261Waarom het werkt
Codes
#4a2c2a #c08552 #f3e9dc #5e8b7eWaarom het werkt
Codes
#7f4f24 #dda15e #fefae0 #bc4749Waarom het werkt
Palet
Codes
#1b1b1e #7a1e2c #d4a373 #f5ebe0Waarom het werkt
Codes
#2d4a3e #e5989b #ffcdb2 #fffaf5Waarom het werkt
Palet
Codes
#5e548e #9f86c0 #e0b1cb #fbf8f3Waarom het werkt
Palet
Codes
#111111 #3a3a3a #f2f2f2 #e4ff1aWaarom het werkt
Palet
Codes
#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Waarom het werkt
Palet
Codes
#0f0f0f #c9c1b6 #f4f1ec #8a1c1cWaarom het werkt
Codes
#14213d #2e1a47 #f5f0e6 #c9a227Waarom het werkt
Codes
#22333b #5e503f #eae0d5 #c6ac8fWaarom het werkt
Palet
Codes
#262626 #7d7d7d #d9d9d9 #ff5a1fWaarom het werkt
Palet
Codes
#0b1021 #1f6feb #e6edf3 #7ee787Waarom het werkt
Codes
#0a2e2a #00b37e #d7f9ec #1e1e24Waarom het werkt
Palet
Codes
#0e0b16 #5b5bd6 #a78bfa #f0abfcWaarom het werkt
Codes
#1a1423 #ff7b54 #ffb26b #ffd56bWaarom het werkt
Palet
Codes
#118ab2 #06d6a0 #ffd166 #ef476fWaarom het werkt
Palet
Codes
#2f3e46 #52796f #cad2c5 #f4a259Waarom het werkt
Palet
Codes
#283618 #606c38 #fefae0 #dd6b20Waarom het werkt
Palet
Codes
#6d597a #b56576 #e8c2ca #fbf6f0Waarom het werkt
Palet
Codes
#090014 #3c096c #ff006e #fb5607Waarom het werkt
Hoe je een palet als jouw merk laat voelen
Wat een palet uit een lijst tot een identiteit maakt, is één beslissing die niemand anders in je straat heeft genomen, meestal het accent: een advocatenkantoor in lederbruin, een sportschool in zuurgeel. Verander eerst het accent en houd de ondergrond en tekstkleur, zodat je een look wint zonder leesbaarheid te verliezen.
Vermijd
- Vijf felle kleuren in gelijke mate gebruikt
- Eerst de logokleur kiezen en de rest op het oog
- Een accent op elk element van elk ontwerp
- Lichtgrijze tekst op een crème ondergrond
- Kiezen uit stalen op een witte pagina
Doe
- Eén ondergrond die het grootste deel van de ruimte dekt
- Eerst rollen, dan kleuren om ze te vullen
- Eén geaccentueerd ding per ontwerp
- Een donkere neutrale kleur die het contrast haalt
- Testen op een echte post, story en banner
Een palet gemengd tot een zachte gradient geeft je een achtergrond die onmiskenbaar van jou is, zolang de kleuren verwant zijn.
Test je merkkleuren voordat je kiest
- 1
Maak drie echte ontwerpen
Een vierkante post, een story van 1080×1920 en een header van 1500×500, met echte woorden en je logo.
- 2
Controleer het tekstcontrast
Je neutrale kleur op je ondergrond moet WCAG AA halen. Kleurcontrast en toegankelijkheid laat zien hoe je het meet.
- 3
Bekijk het klein
Verklein de post tot thumbnailformaat. Kun je nog zien dat het van jou is, dan doet het palet zijn werk.
- 4
Probeer het naast concurrenten
Zet je post naast drie lokale rivalen. Valt de jouwe weg, verander dan het accent, niet het hele palet.
- 5
Schrijf de codes op
Leg elke hexcode en zijn rol vast op één plek.
Een palet testen op een echte post: kop, detail en achtergrond moeten op 1080×1350 samenwerken.
Wil je hulp bij het kiezen, dan loopt merkkleuren kiezen de beslissing van nul af aan door, en kleurcombinaties voor logo’s beperkt het tot de twee of drie kleuren die je logo zelf moet gebruiken.
Merkkleuren omzetten in een look
Vijf hexcodes kan iedereen kopiëren. In Gradiently draagt een Mark een palet als levende achtergrond met eigen licht, korrel en beweging, en geen twee Marks lijken op elkaar. Zoek in de Markt met kleurwoorden als ‘diep teal’ naar een Mark die dicht bij je palet ligt, ontwerp er gratis mee en claim hem, zodat alleen jij ermee kunt exporteren. Je merkkit bewaart de exacte codes voor tekst en accenten.
Vragen die mensen stellen
Hoeveel kleuren moet een merk hebben?
Vier of vijf is voor de meeste merken genoeg: een ondergrond, een hoofdkleur, een ondersteunende tint, een neutrale kleur voor tekst en één accent. Meer is lastig consistent te gebruiken.
Wat is de beste kleur voor een nieuw merk?
Er is geen beste kleur. Kies een hoofdkleur die past bij wat je verkoopt en dan een accent dat je concurrenten niet gebruiken, zodat klanten je opmerken.
Moeten mijn merkkleuren bij mijn branche passen?
Met je hoofdkleur bij de branche aansluiten helpt mensen je snel te begrijpen. Met je accent afwijken maakt je onthoudbaar.
Hoe controleer ik of mijn merkkleuren toegankelijk zijn?
Meet het contrast van je tekstkleur op je ondergrond met een WCAG-contrastchecker. Lopende tekst moet minstens 4,5:1 halen.
Kan ik een gradient als merkkleur gebruiken?
Ja, zolang hij is opgebouwd uit verwante kleuren van je palet en je een vlakke versie houdt voor kleine toepassingen zoals favicons en tekst.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel