Kleuren
Ons kleurrijke palet is speels én professioneel. De kleuren maken onze ontwerpen levendig. Hieronder vind je al onze merk-kleuren en hoe we ze gebruiken.
Primaire kleuren
Blauw
Onze hoofdkleur. Geeft een professioneel en rustig gevoel. Vaak geassocieerd met techniek/IT.
#4493CF
HEX copied
rgb(68, 147, 207)
RGB copied
Blauw
Onze hoofdkleur. Geeft een professioneel en rustig gevoel. Vaak geassocieerd met techniek/IT.
#4493CF
HEX copied
rgb(68, 147, 207)
RGB copied
Blauw
Onze hoofdkleur. Geeft een professioneel en rustig gevoel. Vaak geassocieerd met techniek/IT.
#4493CF
HEX copied
rgb(68, 147, 207)
RGB copied
Geel
Frisse, energieke en speelse kleur. Komt terug in het logo. Door lage contrast op wit beperkt gebruikt.
#FED84E
HEX copied
rgb(254, 216, 78)
RGB copied
Geel
Frisse, energieke en speelse kleur. Komt terug in het logo. Door lage contrast op wit beperkt gebruikt.
#FED84E
HEX copied
rgb(254, 216, 78)
RGB copied
Geel
Frisse, energieke en speelse kleur. Komt terug in het logo. Door lage contrast op wit beperkt gebruikt.
#FED84E
HEX copied
rgb(254, 216, 78)
RGB copied
Paars
Geeft diepte en sfeer. Zorgt voor contrast omdat het de donkerste primaire kleur is.
#5E455E
HEX copied
rgb(94, 69, 94)
RGB copied
Paars
Geeft diepte en sfeer. Zorgt voor contrast omdat het de donkerste primaire kleur is.
#5E455E
HEX copied
rgb(94, 69, 94)
RGB copied
Paars
Geeft diepte en sfeer. Zorgt voor contrast omdat het de donkerste primaire kleur is.
#5E455E
HEX copied
rgb(94, 69, 94)
RGB copied
Rood
Energieke kleur die je aandacht trekt. Voor dingen die opvallen, zoals knoppen.
#F15E60
HEX copied
rgb(241, 94, 96)
RGB copied
Rood
Energieke kleur die je aandacht trekt. Voor dingen die opvallen, zoals knoppen.
#F15E60
HEX copied
rgb(241, 94, 96)
RGB copied
Rood
Energieke kleur die je aandacht trekt. Voor dingen die opvallen, zoals knoppen.
#F15E60
HEX copied
rgb(241, 94, 96)
RGB copied
Groen
Straalt vertrouwen en bevestiging uit. Gebruik je als iets goed is gegaan (feedback).
#5CBD74
HEX copied
rgb(92, 189, 116)
RGB copied
Groen
Straalt vertrouwen en bevestiging uit. Gebruik je als iets goed is gegaan (feedback).
#5CBD74
HEX copied
rgb(92, 189, 116)
RGB copied
Groen
Straalt vertrouwen en bevestiging uit. Gebruik je als iets goed is gegaan (feedback).
#5CBD74
HEX copied
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
#EBF2FA
HEX copied
rgb(235, 242, 250)
RGB copied
Lichtblauw
#EBF2FA
HEX copied
rgb(235, 242, 250)
RGB copied
Lichtblauw
#EBF2FA
HEX copied
rgb(235, 242, 250)
RGB copied
Lichtgeel
#FFF7D4
HEX copied
rgb(255, 247, 212)
RGB copied
Lichtgeel
#FFF7D4
HEX copied
rgb(255, 247, 212)
RGB copied
Lichtgeel
#FFF7D4
HEX copied
rgb(255, 247, 212)
RGB copied
Lichtpaars
#F3EEF4
HEX copied
rgb(243, 238, 244)
RGB copied
Lichtpaars
#F3EEF4
HEX copied
rgb(243, 238, 244)
RGB copied
Lichtpaars
#F3EEF4
HEX copied
rgb(243, 238, 244)
RGB copied
Lichtrood
#FCEBEB
HEX copied
rgb(252, 235, 235)
RGB copied
Lichtrood
#FCEBEB
HEX copied
rgb(252, 235, 235)
RGB copied
Lichtrood
#FCEBEB
HEX copied
rgb(252, 235, 235)
RGB copied
Lichtgroen
#E9F7EF
HEX copied
rgb(233, 247, 239)
RGB copied
Lichtgroen
#E9F7EF
HEX copied
rgb(233, 247, 239)
RGB copied
Lichtgroen
#E9F7EF
HEX copied
rgb(233, 247, 239)
RGB copied
Half-lichte primaire tinten
De half-lichte tinten gebruiken we voor voor paden.
Half-licht blauw
#C2D2EB
HEX copied
rgb(194,210,235)
RGB copied
Half-licht blauw
#C2D2EB
HEX copied
rgb(194,210,235)
RGB copied
Half-licht blauw
#C2D2EB
HEX copied
rgb(194,210,235)
RGB copied
Half-licht geel
#FCF1C8
HEX copied
rgb(252,241,200)
RGB copied
Half-licht geel
#FCF1C8
HEX copied
rgb(252,241,200)
RGB copied
Half-licht geel
#FCF1C8
HEX copied
rgb(252,241,200)
RGB copied
Half-licht paars
#DDCFE0
HEX copied
rgb(221,207,224)
RGB copied
Half-licht paars
#DDCFE0
HEX copied
rgb(221,207,224)
RGB copied
Half-licht paars
#DDCFE0
HEX copied
rgb(221,207,224)
RGB copied
Half-licht rood
#F2C8BE
HEX copied
rgb(242,200,190)
RGB copied
Half-licht rood
#F2C8BE
HEX copied
rgb(242,200,190)
RGB copied
Half-licht rood
#F2C8BE
HEX copied
rgb(242,200,190)
RGB copied
Half-licht groen
#CEE3CB
HEX copied
rgb(206,227,203)
RGB copied
Half-licht groen
#CEE3CB
HEX copied
rgb(206,227,203)
RGB copied
Half-licht groen
#CEE3CB
HEX copied
rgb(206,227,203)
RGB copied
Donkere primaire tinten
De donkere tinten gebruiken bijna nooit. Alleen als hover-states van buttons.
Donkerblauw
#3578A9
HEX copied
rgb(53, 120, 169)
RGB copied
Donkerblauw
#3578A9
HEX copied
rgb(53, 120, 169)
RGB copied
Donkerblauw
#3578A9
HEX copied
rgb(53, 120, 169)
RGB copied
Donkergeel
#D6B937
HEX copied
rgb(214, 185, 55)
RGB copied
Donkergeel
#D6B937
HEX copied
rgb(214, 185, 55)
RGB copied
Donkergeel
#D6B937
HEX copied
rgb(214, 185, 55)
RGB copied
Donkerpaars
#4B384B
HEX copied
rgb(75, 56, 75)
RGB copied
Donkerpaars
#4B384B
HEX copied
rgb(75, 56, 75)
RGB copied
Donkerpaars
#4B384B
HEX copied
rgb(75, 56, 75)
RGB copied
Donkerrood
#C44A4D
HEX copied
rgb(196, 74, 77)
RGB copied
Donkerrood
#C44A4D
HEX copied
rgb(196, 74, 77)
RGB copied
Donkerrood
#C44A4D
HEX copied
rgb(196, 74, 77)
RGB copied
Donkergroen
#489A5C
HEX copied
rgb(72, 154, 92)
RGB copied
Donkergroen
#489A5C
HEX copied
rgb(72, 154, 92)
RGB copied
Donkergroen
#489A5C
HEX copied
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.
#1A1A1A
HEX copied
rgb(26, 26, 26)
RGB copied
Zwart / heading
Gebruik voor headings.
#1A1A1A
HEX copied
rgb(26, 26, 26)
RGB copied
Zwart / heading
Gebruik voor headings.
#1A1A1A
HEX copied
rgb(26, 26, 26)
RGB copied
Donkergrijs / body
Gebruik voor alle body teksten.
#474547
HEX copied
rgb(71, 69, 71)
RGB copied
Donkergrijs / body
Gebruik voor alle body teksten.
#474547
HEX copied
rgb(71, 69, 71)
RGB copied
Donkergrijs / body
Gebruik voor alle body teksten.
#474547
HEX copied
rgb(71, 69, 71)
RGB copied
Wit
Gebruik voor headings én body tekst op een donkere achtergrond.
#ffffff
HEX copied
rgb(255, 255, 255)
RGB copied
Wit
Gebruik voor headings én body tekst op een donkere achtergrond.
#ffffff
HEX copied
rgb(255, 255, 255)
RGB copied
Wit
Gebruik voor headings én body tekst op een donkere achtergrond.
#ffffff
HEX copied
rgb(255, 255, 255)
RGB copied
Neutrale kleuren
Lichtgrijs 1
#F5F5F5
HEX copied
rgb(245, 245, 245)
RGB copied
Lichtgrijs 1
#F5F5F5
HEX copied
rgb(245, 245, 245)
RGB copied
Lichtgrijs 1
#F5F5F5
HEX copied
rgb(245, 245, 245)
RGB copied
Lichtgrijs 2
#E8E8E8
HEX copied
rgb(232, 232, 232)
RGB copied
Lichtgrijs 2
#E8E8E8
HEX copied
rgb(232, 232, 232)
RGB copied
Lichtgrijs 2
#E8E8E8
HEX copied
rgb(232, 232, 232)
RGB copied
Medium grijs
#B0B0B0
HEX copied
rgb(176, 176, 176)
RGB copied
Medium grijs
#B0B0B0
HEX copied
rgb(176, 176, 176)
RGB copied
Medium grijs
#B0B0B0
HEX copied
rgb(176, 176, 176)
RGB copied
Kleuren
Ons kleurrijke palet is speels én professioneel. De kleuren maken onze ontwerpen levendig. Hieronder vind je al onze merk-kleuren en hoe we ze gebruiken.