Pastell-Farbverläufe, die frisch bleiben statt zuckersüß

Ein Pastell-Farbverlauf ist eine Mischung aus blassen, zart getönten Farben: Zartrosa in Butter, Flieder in Himmelblau, Minze in Creme. Pastelltöne haben hohe Helligkeit und nur wenig Sättigung, und deshalb wirken sie sanft, frisch und freundlich. Der Haken: Sie werden leicht zu süß, und weiße Schrift ist auf ihnen fast nie lesbar. Beides lässt sich beheben, mit einer dunklen Schrift, einem Papiergrund und einer Farbe, die etwas weniger offensichtlich ist als der Rest.

Was eine Farbe zum Pastellton macht

Ein Pastellton ist eine Farbe mit viel Weiß: hohe Helligkeit, geringe bis mittlere Sättigung. Im Farbraum OKLCH liegen die meisten Pastelltöne bei etwa 0,88 bis 0,95 Helligkeit mit geringem Chroma. Das ergibt einen praktischen Trick für gleichmäßig wirkende Pastellverläufe: Halte Helligkeit und Chroma fest und ändere nur den Farbton. Dann trägt jede Farbe dasselbe visuelle Gewicht, und keine schreit.

Frisch oder zuckersüß: der Unterschied

Pastelltöne kippen ins Zuckersüße, wenn alles gleich süß ist: Rosa, Babyblau und Flieder in derselben Sättigung, weiße Schrift, alles abgerundet. Frisch wirken sie, wenn etwas im Design dagegenhält. Das kann eine staubigere, grauere Farbe sein, eine tiefe Schriftfarbe für die Worte, ein gebrochen weißer Papiergrund oder eine klare, ernsthafte Schrift.

Pastelltöne mit dunkler Schrift kombinieren

Weiße Schrift auf Pastell fällt beim Kontrast fast immer durch, weil beides sehr hell ist. Die Lösung ist eine dunkle Schriftfarbe: eine tiefe Version eines Farbtons aus dem Verlauf selbst, etwa Indigo auf Flieder oder Burgunder auf Zartrosa. So bleibt die Palette in einer Familie und liest sich bequem. Hier sind gemessene Verhältnisse für gängige Schriftfarben auf Pastellgründen. Die Regeln dahinter findest du unter Farbkontrast und Barrierefreiheit.

Einen Papiergrund nutzen

Pastelltöne auf reinem Weiß können ausgewaschen wirken, und auf Bildschirmen ist reines Weiß das Hellste überhaupt. Ein warmer, gebrochen weißer Grund wie #f8f1ea lässt Pastellfarben bewusst wirken, wie Aquarell oder Risografie-Farbe auf Papier. Lass den Pastellton aus einer Ecke aufblühen und ins Papier auslaufen, statt die ganze Fläche zu füllen.

Eine leichte Körnung verstärkt das Papiergefühl. Halte sie auf Pastell sehr dezent, weil Rauschen auf hellen Farben leicht zu sehen ist; körnige Farbverläufe nennt Startwerte.

Ein Pastell-Farbverlauf in CSS

In CSS kommen Papiergrund, Blüte und Schriftfarbe in wenigen Zeilen zusammen. Mischen in OKLCH verhindert, dass die Mitte kreidig wird, wenn die Farbtöne weit auseinanderliegen, und ein Farbhinweis lässt das Papier den Großteil der Fläche einnehmen.

.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 */
}

Halte Pastellpaare im Farbton nah beieinander, dann wird das Ergebnis am saubersten, wie bei zweifarbigen Farbverläufen. Wenn du weit entfernte Pastelltöne kombinieren willst, führ sie über ein blasses Flieder oder Butter, damit die Mitte getönt bleibt, statt weißlich grau zu werden.

Wo Pastell-Farbverläufe funktionieren

• Beauty, Hautpflege, Wellness und Duft
• Baby, Hochzeit, Papeterie und Geschenke
• Frühlings- und Osterkampagnen, Bäckereien und Cafés
• Ruhiges Onboarding in Software und Hilfeseiten
• Weiche, verträumte Ästhetik, besonders mit holografischem Schimmer; siehe holografische Farbverläufe

Wenn du die Sanftheit magst, aber mehr Kontrast willst, geh einen Schritt Richtung Aesthetic-Hintergründe mit einem tieferen Akzent. Du kannst im Markt auch nach Worten wie „sanftes Flieder“ oder „blasser Pfirsich“ suchen, um Pastell-Marks zu finden und sofort damit zu gestalten.