Pastell Farbpaletten: sanfte Farbcodes für sanfte Marken

Eine Pastell Farbpalette ist eine Reihe blasser, sanft gesättigter Farben: Pfirsich, Butter, Salbei, Puderblau, Flieder. Sie wirken sanft, frisch und freundlich, deshalb greifen Bäckereien, Hautpflege, Babymarken und Hochzeitspapeterie gern zu ihnen. Der Haken: Kein Pastellton ist dunkel genug für Text. Jede Palette unten kombiniert deshalb drei Pastelltöne mit zwei Arbeitsfarben: einer dunklen Schriftfarbe für Wörter und einem tieferen Anker für Buttons und Akzente. Die Codes sind kopierfertig, der Kontrast ist schon geprüft.

Fünf Pastell Farbpaletten mit Hex-Codes

Pfirsich und Salbei ist warm, natürlich und ruhig, eine starke Wahl für Food, Keramik und Slow-Living-Marken. Der Terrakotta-Anker verhindert, dass es zuckrig wirkt.

Meerglas ist kühl und klar, passend für Wellness, Hautpflege und alles, was sich wie frische Luft anfühlen soll.

Lavendel und Zitrone bringt zwei Fast-Gegensätze in derselben sanften Helligkeit zusammen, das hält es fröhlich, ohne dass es sich beißt. Gut für Papeterie, Floristen und Kinderbücher.

Sorbet ist die süßeste der fünf, warme Rosa- und Aprikosentöne für Bäckereien, Nagelstudios und Sommerkampagnen.

Pistazie ist frisch und grün, natürlich, ohne erdig zu sein. Sie passt zu Pflanzenläden, Cafés und Öko-Marken.

Um zwischen ihnen zu wählen, fang bei der Temperatur an. Warme Pastelltöne (Pfirsich, Aprikose, Butter) wirken heimelig und appetitlich; kühle Pastelltöne (Meerglas, Puderblau, Lavendel) wirken klar und luftig. Schau dir dann deinen Anker an, denn er erscheint auf jedem Button und jedem Preisschild, und er ist die Farbe, an die sich Menschen erinnern. Passt keiner dieser Anker zu dir, behalte die Pastelltöne und setz deine eigene Markenfarbe ein, so weit abgedunkelt, bis weißer Text darauf 4,5:1 erreicht. Brauchst du mehr Zurückhaltung, als Pastell erlaubt? Gedeckte Farbpaletten liegen eine Stufe grauer.

Warum Pastell eine Schriftfarbe und einen Anker braucht

Jeder Pastellton oben hat gegenüber Weiß ein Kontrastverhältnis zwischen etwa 1,1:1 und 1,4:1. Das liegt weit unter den 4,5:1, die Fließtext braucht, Pastellwörter auf einer weißen Seite sind für viele Menschen also schlicht unlesbar. Pastellbuttons mit weißer Beschriftung scheitern genauso. Schriftfarbe und Anker lösen beide Probleme und halten die Palette insgesamt sanft.

Wähle eine Schriftfarbe, die zu einem deiner Pastelltöne tendiert, statt eines flachen Graus: Kakao für warme Paletten, Schiefer oder Pflaume für kühle. Eine getönte Schriftfarbe lässt die ganze Palette gestaltet wirken. Die Regeln hinter diesen Zahlen stehen in Farbkontrast und Barrierefreiheit.

So machst du jede Farbe zu Pastell

Ein Pastellton ist jeder Farbton mit hoher Helligkeit und mäßiger Sättigung. In HSL zielst du auf 85 % bis 92 % Helligkeit und 40 % bis 80 % Sättigung. Das Problem mit HSL: Gelb und Blau mit denselben Zahlen wirken sehr unterschiedlich hell. OKLCH behebt das, sodass eine einzige Formel in jedem Farbton ein gleichmäßiges Pastell ergibt.

: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);
}

Mit demselben Ansatz wird deine Markenfarbe zu ihrem eigenen Pastell: Farbton behalten, Helligkeit anheben, Sättigung senken. So bekommst du eine sanfte Hintergrundfarbe, die unverkennbar deine ist. Zur Theorie der Aufhellungen siehe Tints, Tones und Shades.

Fehler, die Pastell billig wirken lassen

Pastellpaletten in einem echten Post

So sieht die Idee in der Praxis aus: sanfter Hintergrund, dunkle Schrift, eine Ankerfarbe, einmal eingesetzt. Wenn du Pastell lieber als fließende Hintergründe statt als flache Flächen willst, hat Pastell-Verläufe die Codes, und die Soft Aesthetic zeigt, wie der Look einen ganzen Feed trägt.

Auf blassen Hintergründen bricht die Lesbarkeit meist ein, und Gradiently kümmert sich für dich darum. Die automatische Schriftfarbe eines Marks wählt für jede Zeile helle oder dunkle Schrift aus seiner eigenen Palette, sodass Wörter auf einem sanften Pastell-Mark dunkel genug zum Lesen bleiben, ohne dass du jedes Paar prüfst.