Primaire kleuren
Geel
Frisse, energieke en speelse kleur. Komt terug in het logo. Door lage contrast op wit beperkt gebruikt.
rgb(254, 216, 78)
RGB copied
Paars
Geeft diepte en sfeer. Zorgt voor contrast omdat het de donkerste primaire kleur is.
rgb(94, 69, 94)
RGB copied
Rood
Energieke kleur die je aandacht trekt. Voor dingen die opvallen, zoals knoppen.
rgb(241, 94, 96)
RGB copied
Groen
Straalt vertrouwen en bevestiging uit. Gebruik je als iets goed is gegaan (feedback).
rgb(92, 189, 116)
RGB copied
Lichte primaire tinten
De lichte tinten gebruiken we voor grote kleurvlakken. Ze voegen leven en speelsheid toe aan onze ontwerpen. Gebruik lichte tinten alleen met de bijbehorende primaire kleur. Ga niet mix-en-matchen!
Lichtblauw
rgb(235, 242, 250)
RGB copied
Lichtgeel
rgb(255, 247, 212)
RGB copied
Lichtpaars
rgb(243, 238, 244)
RGB copied
Lichtrood
rgb(252, 235, 235)
RGB copied
Lichtgroen
rgb(233, 247, 239)
RGB copied
Half-lichte primaire tinten
De half-lichte tinten gebruiken we voor voor paden.
Half-licht blauw
rgb(194,210,235)
RGB copied
Half-licht geel
rgb(252,241,200)
RGB copied
Half-licht paars
rgb(221,207,224)
RGB copied
Half-licht rood
rgb(242,200,190)
RGB copied
Half-licht groen
rgb(206,227,203)
RGB copied
Donkere primaire tinten
De donkere tinten gebruiken bijna nooit. Alleen als hover-states van buttons.
Donkerblauw
rgb(53, 120, 169)
RGB copied
Donkergeel
rgb(214, 185, 55)
RGB copied
Donkerpaars
rgb(75, 56, 75)
RGB copied
Donkerrood
rgb(196, 74, 77)
RGB copied
Donkergroen
rgb(72, 154, 92)
RGB copied
Tekst kleuren
Headings zijn nét iets donkerder dan de body teksten om het contrast tussen de twee te vergroten. Headings en body op donkere achtergronden zijn beiden wit.
Zwart / heading
Gebruik voor headings.
rgb(26, 26, 26)
RGB copied
Donkergrijs / body
Gebruik voor alle body teksten.
rgb(71, 69, 71)
RGB copied
Wit
Gebruik voor headings én body tekst op een donkere achtergrond.
rgb(255, 255, 255)
RGB copied
Neutrale kleuren
Lichtgrijs 1
rgb(245, 245, 245)
RGB copied
Lichtgrijs 2
rgb(232, 232, 232)
RGB copied
Medium grijs
rgb(176, 176, 176)
RGB copied