Pastel kleurverlopen die fris blijven, niet zoetig

Een pastel kleurverloop is een mengsel van bleke, zacht getinte kleuren: blush naar boter, lila naar hemelsblauw, mint naar room. Pastels hebben een hoge lichtheid en maar een beetje verzadiging, en daarom voelen ze zacht, fris en vriendelijk. Het nadeel is dat ze ook snel te zoet worden en dat witte tekst erop bijna onleesbaar is. Beide los je op met een donkere inkt, een papieren ondergrond en één kleur die net iets minder voor de hand ligt dan de rest.

Wat een kleur pastel maakt

Een pastel is een kleur met veel wit erin: hoge lichtheid, lage tot gemiddelde verzadiging. In de OKLCH-kleurruimte zitten de meeste pastels rond 0.88 tot 0.95 lichtheid met een kleine chroma. Dat levert een handige truc op voor pastel kleurverlopen die gelijkmatig aanvoelen: zet lichtheid en chroma vast en verander alleen de tint. Elke kleur draagt dan hetzelfde visuele gewicht en geen enkele schreeuwt.

Fris of zoetig: het verschil

Pastels slaan door naar zoetig als alles even zoet is: roze, babyblauw en lila op dezelfde verzadiging, witte letters, alles afgerond. Ze voelen fris als iets in het ontwerp tegengas geeft. Dat kan een stoffigere, grijzere kleur zijn, een diepe inkt voor de woorden, een gebroken witte papieren ondergrond of een strak, serieus lettertype.

Combineer pastels met een donkere inkt

Witte letters op een pastel halen bijna nooit genoeg contrast, omdat beide erg licht zijn. De oplossing is een donkere inkt: een diepe versie van een van de eigen tinten van het kleurverloop, zoals indigo op lila of bordeaux op blush. Zo blijft het palet in één familie en leest het prettig. Hieronder staan gemeten verhoudingen voor gangbare inkten op pastel ondergronden. Voor de regels erachter, zie kleurcontrast en toegankelijkheid.

Gebruik een papieren ondergrond

Pastels op puur wit kunnen flets ogen, en op schermen is puur wit het felste wat er bestaat. Een warme gebroken witte ondergrond, zoals #f8f1ea, laat pastelkleuren bewust ogen, als aquarel of risoinkt op papier. Laat de pastel vanuit één hoek opbloeien en in het papier vervagen, in plaats van het hele vlak te vullen.

Een lichte korrel versterkt het papiergevoel nog. Houd die heel subtiel op pastels, want ruis valt op lichte kleuren snel op; korrelige kleurverlopen geeft startwaarden.

Een pastel kleurverloop in CSS

In CSS komen de papieren ondergrond, de gloed en de inkt samen in een paar regels. Pastels mengen in OKLCH voorkomt dat het midden krijtachtig wordt als de tinten ver uit elkaar liggen, en een kleurhint laat het papier het grootste deel van het vlak nemen.

.pastel {
  background-color: #f8f1ea; /* paper */
  background-image:
    radial-gradient(circle at 15% 10%, #fbcfe8 0%, transparent 45%),
    radial-gradient(circle at 90% 85%, #d5e3d0 0%, transparent 50%),
    linear-gradient(160deg in oklch, #f8f1ea, 60%, #e9d5ff);
  color: #312e81; /* indigo ink */
}

Houd pastelduo’s dicht bij elkaar in tint voor het schoonste resultaat, zoals bij kleurverlopen met twee kleuren. Wil je toch pastels combineren die ver uit elkaar liggen, leid ze dan via een bleek lila of boter, zodat het midden getint blijft in plaats van witgrijs te worden.

Waar pastel kleurverlopen werken

• Beauty, huidverzorging, welzijn en parfum
• Baby, bruiloft, papierwaren en cadeaus
• Lente- en paascampagnes, bakkerijen en cafés
• Rustige onboarding en helppagina’s van software
• Zachte, dromerige esthetiek, vooral met holografische glans; zie holografische kleurverlopen

Hou je van de zachtheid maar wil je meer contrast, schuif dan een stap op richting aesthetic achtergronden met een dieper accent. Je kunt ook op de Markt zoeken naar woorden als ‘zacht lila’ of ‘bleke perzik’ om pastel Marks te vinden en er meteen mee te ontwerpen.