De korte versie
- 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.
Op deze pagina
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.
Zeeglas is koel en schoon, geschikt voor welzijn, huidverzorging en alles wat als frisse lucht moet voelen.
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.
Sorbet is de zoetste van de vijf, warme roze en abrikoostinten voor bakkerijen, nagelstudio’s en zomercampagnes.
Pistache is fris en groen, natuurlijk zonder aards te zijn. Het past bij plantenwinkels, cafés en ecomerken.
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 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.
Te kiezen kleur
Waarom
Te kiezen kleur
Waarom
Te kiezen kleur
Waarom
Te kiezen kleur
Waarom
Te kiezen kleur
Waarom
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.
Zo maak je van elke kleur een pastel
Een pastel is elke tint met hoge helderheid en matige verzadiging. In HSL 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 lost dat op, zodat één formule je een gelijkmatige pastel in elke tint geeft.
: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);
}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.
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 codes, en de zachte esthetiek laat zien hoe de look door een hele feed heen draagt.
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.
Vragen die mensen stellen
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.
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