# Pastelkleurenpaletten: zachte codes voor vriendelijke merken [Canonical HTML page](https://gradiently.design/nl/guide/pastel-color-palettes) Pastels zijn makkelijk te waarderen en moeilijk te gebruiken: op zichzelf dragen ze geen tekst. Elk palet hier komt met de twee extra kleuren waardoor het werkt. ## The short version - Een pastelkleurenpalet bestaat uit lichte kleuren met zachte verzadiging, doorgaans boven 85% helderheid in HSL. - Pastels zijn te licht om als tekst op wit te gebruiken, dus een pastelpalet heeft een donkere inktkleur nodig voor woorden. - De meeste pastelmerken hebben ook één diepere ankerkleur nodig, sterk genoeg om witte tekst op knoppen en labels te dragen. - Pastels ogen het meest samenhangend als ze dezelfde helderheid delen en vooral in tint verschillen. - Een warme gebroken witte ondergrond past beter bij pastels dan zuiver wit, dat ze verbleekt kan laten lijken. Een **pastelkleurenpalet** is een set bleke, zacht verzadigde kleuren: perzik, boter, salie, poederblauw, lila. Ze voelen zacht, fris en vriendelijk, en daarom grijpen bakkerijen, huidverzorging, babymerken en trouwdrukkers ernaar. Het addertje is dat geen enkele pastel donker genoeg is voor tekst. Elk palet hieronder combineert daarom drie pastels met twee werkkleuren: een donkere **inkt** voor woorden en een diepere **anker** voor knoppen en accenten. De codes zijn klaar om te kopiëren en het contrast is al gecontroleerd. ## Vijf pastelkleurenpaletten met hexcodes **Perzik en salie** is warm, natuurlijk en rustig, een sterke keuze voor eten, keramiek en slow-livingmerken. Het terracottaanker voorkomt dat het zoetig voelt. - Perzik #f9d5c7: #f9d5c7 - Boter #fbe7b5: #fbe7b5 - Salie #cfe3d1: #cfe3d1 - Terracotta #ad5a45: #ad5a45 - Cacaoinkt #3a2e2a: #3a2e2a Cacaoinkt op perzik is 9,6:1. Wit op terracotta is 4,9:1, genoeg voor knoplabels. **Zeeglas** is koel en schoon, geschikt voor welzijn, huidverzorging en alles wat als frisse lucht moet voelen. - Zeeglas #c9e9e4: #c9e9e4 - Poederblauw #c9dff2: #c9dff2 - Nevel #e3f1ec: #e3f1ec - Diepe lagune #3f7f86: #3f7f86 - Leisteeninkt #2f3a4a: #2f3a4a Leisteeninkt op zeeglas is 8,9:1. Wit op diepe lagune is 4,6:1. **Lavendel en citroen** zet twee bijna tegenpolen samen op dezelfde zachte helderheid, wat het vrolijk houdt zonder te botsen. Goed voor briefpapier, bloemisten en kinderboeken. - Lavendel #ddd3f2: #ddd3f2 - Citroen #fbf0b5: #fbf0b5 - Blush #f6cfdc: #f6cfdc - Violet #7a5ba8: #7a5ba8 - Pruiminkt #3b2f48: #3b2f48 Pruiminkt op lavendel is 8,7:1 en op citroen 10,8:1. Wit op violet is 5,4:1. **Sorbet** is de zoetste van de vijf, warme roze en abrikoostinten voor bakkerijen, nagelstudio’s en zomercampagnes. - Aardbei #f6cfdc: #f6cfdc - Abrikoos #fcd9b8: #fcd9b8 - Vanille #fbe7b5: #fbe7b5 - Framboos #b54f6e: #b54f6e - Bessen-inkt #4a2e37: #4a2e37 Bessen-inkt op aardbei is 8,6:1. Wit op framboos is 4,9:1. **Pistache** is fris en groen, natuurlijk zonder aards te zijn. Het past bij plantenwinkels, cafés en ecomerken. - Pistache #d9e8c4: #d9e8c4 - Selderij #eef3d9: #eef3d9 - Perzik #f9d5c7: #f9d5c7 - Blad #4f7a3f: #4f7a3f - Mosinkt #2e3b33: #2e3b33 Mosinkt op pistache is 9,1:1. Wit op blad is 5:1. De perzik is een klein warm accent. Begin bij de temperatuur om te kiezen. Warme pastels (perzik, abrikoos, boter) voelen huiselijk en eetbaar; koele pastels (zeeglas, poederblauw, lavendel) voelen schoon en luchtig. Kijk dan naar je anker, want dat verschijnt op elke knop en prijskaartje en is de kleur die mensen onthouden. Past geen van deze ankers bij je, houd dan de pastels en vervang het anker door je eigen merkkleur, donkerder gemaakt tot witte tekst erop 4,5:1 haalt. Heb je meer terughoudendheid nodig dan pastels toelaten? [Gedempte kleurenpaletten](https://gradiently.design/nl/guide/muted-color-palettes) zitten een stap grijzer. ## Waarom pastels een inkt en een anker nodig hebben Elke pastel hierboven heeft een contrastverhouding tussen ongeveer 1,1:1 en 1,4:1 tegen wit. Dat is ver onder de 4,5:1 die lopende tekst nodig heeft, wat betekent dat pastelwoorden op een witte pagina voor veel mensen simpelweg onleesbaar zijn. Pastelknoppen met witte labels falen net zo erg. De inkt en het anker lossen beide problemen op en houden het palet als geheel zacht. | Gebruik | Te kiezen kleur | Waarom | | --- | --- | --- | | Pagina- en sectieachtergronden | Een pastel, of een warm gebroken wit | Grote zachte vlakken bepalen de sfeer | | Koppen en lopende tekst | De inkt | Donker genoeg voor 8:1 of meer op elke pastel | | Knoppen en labels | Het anker, met witte tekst | Haalt 4,5:1 en geeft het oog een brandpunt | | Illustraties en vormen | Elke pastel, plus het anker spaarzaam | Afwisseling zonder ruis | | Tekst op foto’s | De inkt op een pastelvlak, of wit op een donker fotogebied | Pastels verdwijnen over drukke beelden | Een simpele takenlijst voor elk pastelpalet. Controleer je eigen combinaties met een contrastchecker voor je publiceert. Kies een inkt die naar een van je pastels neigt in plaats van een vlak grijs: cacao voor warme paletten, leisteen of pruim voor koele. Een getinte inkt laat het hele palet ontworpen ogen. De regels achter die getallen staan in [kleurcontrast en toegankelijkheid](https://gradiently.design/nl/guide/color-contrast-accessibility). ## Zo maak je van elke kleur een pastel Een pastel is elke tint met hoge helderheid en matige verzadiging. In [HSL](https://gradiently.design/nl/guide/hsl-colors) mik je op 85% tot 92% helderheid en 40% tot 80% verzadiging. Het probleem met HSL is dat geel en blauw met dezelfde getallen in helderheid heel verschillend ogen. [OKLCH](https://gradiently.design/nl/guide/oklch-explained) lost dat op, zodat één formule je een gelijkmatige pastel in elke tint geeft. ```css :root { /* lightness 90%, gentle chroma, any hue */ --pastel-peach: oklch(90% 0.06 60); --pastel-lemon: oklch(90% 0.06 100); --pastel-mint: oklch(90% 0.06 150); --pastel-aqua: oklch(90% 0.06 200); --pastel-pink: oklch(90% 0.06 340); /* the ink: same idea, very dark */ --ink: oklch(30% 0.03 40); } ``` Verander alleen de tint en elke pastel behoudt hetzelfde visuele gewicht. Houd chroma rond 0,04 tot 0,07; hoger begint op snoep te lijken. Dezelfde aanpak maakt van je merkkleur zijn eigen pastel: behoud de tint, verhoog de helderheid, verlaag de verzadiging. Dat geeft een zachte achtergrondkleur die onmiskenbaar van jou is. Voor de theorie van tinten, zie [tinten, tonen en schaduwen](https://gradiently.design/nl/guide/tints-tones-shades). ## Fouten waardoor pastels goedkoop ogen ### Vermijd - Pasteltekst op wit of op een andere pastel - Zes pastels tegelijk zonder donkere kleur - Pastels met verschillende helderheid, waardoor er een vies lijkt - Zuiver witte ondergronden die pastels uitwassen - Dunne schriftlettertypes in bleke kleuren ### Doe dit - Donkere, getinte inkt voor elk woord - Drie pastels plus een anker en een inkt - Pastels met gelijke helderheid - Een warm gebroken wit zoals #fdf8f2 - Stevige gewichten met duidelijke lettervormen ## Pastelpaletten in een echt bericht Hier is het idee aan het werk: zachte achtergrond, donkere inkt, één ankerkleur die één keer wordt gebruikt. Wil je pastels als vloeiende achtergronden in plaats van vlakke blokken, dan heeft [pastelverlopen](https://gradiently.design/nl/guide/pastel-gradients) codes, en de [zachte esthetiek](https://gradiently.design/nl/guide/soft-aesthetic) laat zien hoe de look door een hele feed heen draagt. Een zacht pastelkleurig Instagram-bericht voor een bakkerij die aankondigt dat de citroentaart dit weekend terug is Een zachte achtergrond met donkere, zelfverzekerde tekst. De pastel zet de sfeer; de inkt doet het woord. Op bleke achtergronden gaat leesbaarheid meestal stuk, en Gradiently regelt dat voor je. De Auto-inkt van een Mark kiest voor elke regel lichte of donkere tekst uit zijn eigen palet, dus woorden op een zachte pastel-Mark blijven donker genoeg om te lezen zonder dat je elke combinatie controleert. ## FAQ ### Welke kleuren zitten in een pastelkleurenpalet? Bleke, zacht verzadigde versies van elke tint: perzik, boterkleurig geel, salie, mint, poederblauw, lavendel en blush zijn de meest voorkomende. ### Wat is de hexcode van pastelroze? Er is geen enkele code, maar #f6cfdc is een evenwichtig pastelroze. Combineer het met een donkere inkt zoals #4a2e37 voor tekst. ### Welke tekstkleur past bij pastelkleuren? Een donkere, licht getinte kleur zoals cacao #3a2e2a, leisteen #2f3a4a of pruim #3b2f48, die ongeveer 8:1 tot 10:1 geven op gangbare pastels. ### Zijn pastelkleuren toegankelijk? Als achtergrond wel. Als tekst of als knopkleur achter witte tekst niet: pastels zijn te licht. Gebruik een donkere inkt voor woorden en een diepere ankerkleur voor knoppen. ### Hoe maak ik van een kleur een pastel? Verhoog de helderheid tot ongeveer 85% tot 92% en houd de verzadiging matig. In CSS geeft `oklch(90% 0.06 H)` een gelijkmatige pastel voor elke tint H.