The Golden Rule of Color

avatar author Door Peter van der Steege | 02 mei 2026 | Leestijd: 3 min

Een ontwerp dat blijft hangen draait niet om twintig kleuren, maar om drie. De 60-30-10-regel verklaart waarom de sterkste merken hun palet streng doseren.

Wat is de 60-30-10-regel?

De 60-30-10-regel is een eenvoudige kleurformule om harmonie en balans te creëren in je ontwerpen. Je verdeelt de kleuren in drie vaste verhoudingen: 60 procent voor de primaire kleur, 30 procent voor de secundaire kleur en 10 procent voor de accentkleur. De regel komt oorspronkelijk uit de interieurarchitectuur en wordt nu breed toegepast in grafisch ontwerp en digitale interfaces.

Samenvatting

Een ontwerp wordt rustig en herkenbaar als je kleurgebruik in vaste verhoudingen verdeelt: 60 procent dominant, 30 procent secundair, 10 procent accent. Apple en Google passen het principe vrijwel identiek toe op hun productpagina’s, alleen in een andere stemming. De kracht zit in beperking, niet in toevoeging.

De drie rollen uitgelegd

Dominante kleur (60%): achtergrond

Dit is de hoofdkleur van je ontwerp. Meestal gebruikt voor achtergronden of grote vlakken. De dominante kleur bepaalt de algehele sfeer en toon van het geheel.

Secundaire kleur (30%): tekst en vormen

De secundaire kleur ondersteunt de dominante kleur. Ingezet voor kleinere vlakken zoals tekst, vormen of afbeeldingen. Zorgt voor contrast en visuele balans.

Accentkleur (10%): CTA en details

Gebruikt voor knoppen, call-to-actions of sleuteldetails. De accentkleur trekt de aandacht en geeft het ontwerp energie. Spaarzaam gebruiken is juist de kracht ervan.

Voorbeeld 1: Apple Watch Ultra 3

Apple watch ultra met groen bandje

Apple past de 60-30-10-verhouding vrijwel perfect toe op de Apple Watch Ultra 3-pagina.

  • 60% #0F0E0F (vrijwel zwart): de achtergrond die de productfoto laat ademen
  • 30% #FAFAFA (vrijwel wit): voor tekst en navigatie-elementen
  • 10% #2F61D2 (blauw): alleen gebruikt voor de “Koop”-knop

Voorbeeld 2: Google Pixel Pro 9

Google Pixel Pro 9 productpagina als voorbeeld van de 60-30-10-regel

Google kiest op de Pixel Pro 9-pagina voor een lichtere basissfeer, maar houdt dezelfde logica aan.

  • 60% #F6F4F0 (warm gebroken wit): het brede vlak waar de productfoto en kop ademen
  • 30% #1A1A1A (zwart): voor koppen, productnaam en hoofdtekst
  • 10% #1A73E8 (blauw): uitsluitend voor de “Meldingen krijgen”-knop

Het kernprincipe

De kracht van deze regel zit in beperking. Door kleur bewust te doseren ontstaat rust, leesbaarheid en een professioneel gevoel. Een veelgemaakte fout is het gebruik van te veel accentkleuren: daardoor verliest het accent zijn werking en wordt het design rommelig.

De 60-30-10-regel is geen wet, maar een sterk uitgangspunt dat jarenlang zijn waarde heeft bewezen in grafisch ontwerp, interieur en digitale interfaces.

Conclusie

Sterke ontwerpen ontstaan niet door meer kleuren toe te voegen, maar door bewust te doseren. De 60-30-10-regel geeft je een werkbare verhouding die rust, contrast en focus combineert. Apple en Google laten zien dat hetzelfde principe in een donkere én lichte uitvoering werkt: de verhouding doet het werk, niet de specifieke kleur. Pak je eigen merk erbij, tel de kleuren op je homepage en kijk waar je nu staat.

Wil je weten hoe de 60-30-10-regel uitpakt voor jouw merk? [INTERNE LINK: Peter koppelt zelf]

Veelgestelde vragen over kleurgebruik

Tot slot een paar vragen die we hierover vaak terugkrijgen.

  • Kleur stuurt emotie nog voordat het verstand zich ermee bemoeit. Rood activeert, blauw kalmeert, groen verbindt aan natuur en vertrouwen, geel trekt aandacht, zwart oogt premium. Daarom is kleur nooit alleen een esthetische keuze: het is een strategisch signaal.

    Toch is kleurpsychologie niet absoluut. Cultuur, context en concurrentie spelen mee. Wit staat in West-Europa voor zuiverheid, in delen van Azië voor rouw. In een sector waar iedereen blauw gebruikt, valt rood juist op. Welke kleur past hangt dus niet alleen af van wat de kleur betekent, maar ook van waar je staat ten opzichte van je markt.

    Werk met een hoofdkleur die je merkpersoonlijkheid samenvat, één of twee secundaire kleuren die ondersteunen, en een neutrale set voor tekst en achtergronden. Test de combinaties op contrast en toegankelijkheid. Leg de exacte waarden vast in HEX, RGB, CMYK en Pantone, anders krijg je achteraf gedoe met drukkers en developers.

    Een sterk kleurpalet maakt je merk in één oogopslag herkenbaar. Daar is het om te doen.

    Verder lezen: kleuren maken het merk en the golden rule of color. Gereedschap om je palet vast te leggen staat in kleur je merk met Pantone, Adobe Color en Google Material Colors.

Daarnaast komt deze vraag regelmatig naar voren in intakegesprekken:

  • Een logo is het beeldmerk waaraan mensen je merk herkennen, vergelijkbaar met een handtekening. Een huisstijl is het complete visuele en verbale ecosysteem waarin dat logo functioneert. Daarin staan typografie, kleurenpalet, fotografiestijl, iconografie, illustraties, layout-principes en de tone of voice van je teksten.

    Met alleen een logo kom je er niet. Een briefkop, een Instagram-post, een offerte en een advertentie hebben allemaal dezelfde visuele DNA-streng nodig om herkenbaar te zijn als jouw merk. Die consistentie ontstaat door een huisstijl, niet door een logo. In een goede brand guide staat precies hoe alle elementen samenwerken, zodat iedereen die voor je merk werkt dezelfde uitstraling kan reproduceren.

    Een logo zonder huisstijl is een naambordje. Een huisstijl zonder strategie is decoratie. Pas als beeldmerk, systeem en strategie kloppen, krijg je een merk dat over alle kanalen consistent oogt.

    Verder lezen: 7 top logo design tips. Wat wij onder logo-ontwerp verstaan en waar de huisstijl begint, staat daar.

En tot slot een vraag die direct met kleur en consistentie te maken heeft:

  • Consistentie in merkuitingen vraagt om een doordachte en systematische aanpak die begint bij een grondig uitgewerkt merkhandboek. Dit document dient als de centrale bron voor alle merkrichtlijnen en moet verder gaan dan alleen visuele elementen. Het beschrijft in detail de merkpersoonlijkheid, tone of voice, kernboodschappen en de toepassing hiervan in verschillende contexten. Essentieel is dat alle betrokkenen – van interne medewerkers tot externe partners – niet alleen toegang hebben tot deze richtlijnen, maar ook begrijpen waarom ze belangrijk zijn. Regelmatige training en evaluatie zorgen ervoor dat het merk consistent tot leven komt in elke uiting, of het nu gaat om een social media post, een klantenservice gesprek of een productlancering.

    Verder lezen: de samenhang tussen interne en externe branding. Hoe je die regels vastlegt, zie je in het handboek voor Lijfkracht.

Over de auteur

Peter van der Steege

Peter van der Steege

Peter van der Steege is de ontwerper en merkstrateeg achter Fitbrand en Winnen met je Merk. Met meer dan drie decennia ervaring in merkstrategie, design en fotografie lanceerde hij ruim 135 merken. Hij spreekt over branding en marktstrategie, en schrijft hier over wat hij in de praktijk tegenkomt. Zijn uitgangspunt: een merk sneuvelt niet op kwaliteit, maar op scherpte.

Mis nooit meer een blog van ons.

Meld je aan voor onze nieuwsbrief. Deze staat vol met tips, handigheidjes en insights voor het sterker maken van je eigen merk. Wij doen niet aan spam.

Misschien vind je deze blogs ook leuk

Branding
Strategie

Een logo is het laatste wat je nodig hebt

In Brooklyn opent een gyozabar. De eigenaar, Tatsumi, heeft al twee Japanse restaurants in de wijk en zoekt [..]
Lees meer
Branding
Design

Het mooiste werk zat in de formulieren

Het is 2007 en ik zit op zolder naar een ziekmeldingsformulier te kijken. A4, één kleur blauw, een golf [..]
Lees meer
Branding
Strategie

Merkmoord begint aan de tekentafel

Begint merkmoord al aan de tekentafel? Ja, vaker dan je denkt. Niet de zichtbare variant uit het nieuws, [..]
Lees meer
Sluiten