# Pastell Farbpaletten: sanfte Farbcodes für sanfte Marken

[Canonical HTML page](https://gradiently.design/de/guide/pastel-color-palettes)

Pastelltöne sind leicht zu lieben und schwer einzusetzen: Allein können sie keinen Text tragen. Jede Palette hier kommt mit den zwei zusätzlichen Farben, die sie funktionieren lassen.

## The short version

- Eine Pastell Farbpalette besteht aus hellen Farben mit sanfter Sättigung, typischerweise über 85 % Helligkeit in HSL.
- Pastelltöne sind zu hell für Text auf Weiß, deshalb braucht eine Pastellpalette eine dunkle Schriftfarbe für Wörter.
- Die meisten Pastellmarken brauchen außerdem einen tieferen Ankerton, kräftig genug, um weißen Text auf Buttons und Labels zu tragen.
- Pastelltöne wirken am stimmigsten, wenn sie dieselbe Helligkeit teilen und sich vor allem im Farbton unterscheiden.
- Ein warmes Off-White als Grund passt besser zu Pastell als reines Weiß, das sie verwaschen wirken lassen kann.

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.

- Pfirsich #f9d5c7: #f9d5c7
- Butter #fbe7b5: #fbe7b5
- Salbei #cfe3d1: #cfe3d1
- Terrakotta #ad5a45: #ad5a45
- Kakao-Schrift #3a2e2a: #3a2e2a

Kakao-Schrift auf Pfirsich ergibt 9,6:1. Weiß auf Terrakotta ergibt 4,9:1, genug für Button-Beschriftungen.

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

- Meerglas #c9e9e4: #c9e9e4
- Puderblau #c9dff2: #c9dff2
- Dunst #e3f1ec: #e3f1ec
- Tiefe Lagune #3f7f86: #3f7f86
- Schiefer-Schrift #2f3a4a: #2f3a4a

Schiefer-Schrift auf Meerglas ergibt 8,9:1. Weiß auf Tiefer Lagune ergibt 4,6:1.

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

- Lavendel #ddd3f2: #ddd3f2
- Zitrone #fbf0b5: #fbf0b5
- Rosé #f6cfdc: #f6cfdc
- Violett #7a5ba8: #7a5ba8
- Pflaumen-Schrift #3b2f48: #3b2f48

Pflaumen-Schrift auf Lavendel ergibt 8,7:1, auf Zitrone 10,8:1. Weiß auf Violett ergibt 5,4:1.

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

- Erdbeere #f6cfdc: #f6cfdc
- Aprikose #fcd9b8: #fcd9b8
- Vanille #fbe7b5: #fbe7b5
- Himbeere #b54f6e: #b54f6e
- Beeren-Schrift #4a2e37: #4a2e37

Beeren-Schrift auf Erdbeere ergibt 8,6:1. Weiß auf Himbeere ergibt 4,9:1.

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

- Pistazie #d9e8c4: #d9e8c4
- Sellerie #eef3d9: #eef3d9
- Pfirsich #f9d5c7: #f9d5c7
- Blatt #4f7a3f: #4f7a3f
- Moos-Schrift #2e3b33: #2e3b33

Moos-Schrift auf Pistazie ergibt 9,1:1. Weiß auf Blatt ergibt 5:1. Der Pfirsich ist ein kleiner warmer Akzent.

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](https://gradiently.design/de/guide/muted-color-palettes) 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.

| Einsatz | Welche Farbe | Warum |
| --- | --- | --- |
| Seiten- und Abschnittshintergründe | Ein Pastellton oder ein warmes Off-White | Große sanfte Flächen setzen die Stimmung |
| Headlines und Fließtext | Die Schriftfarbe | Dunkel genug für 8:1 oder mehr auf jedem Pastellton |
| Buttons und Tags | Der Anker, mit weißem Text | Erreicht 4,5:1 und gibt dem Auge einen Fixpunkt |
| Illustrationen und Formen | Jeder Pastellton, dazu sparsam der Anker | Vielfalt ohne Unruhe |
| Text auf Fotos | Die Schriftfarbe auf einer Pastellfläche oder Weiß auf einem dunklen Bildbereich | Pastell verschwindet über unruhigen Bildern |

Eine einfache Aufgabenliste für jede Pastellpalette. Prüf deine eigenen Paare vor dem Veröffentlichen mit einem Kontrastprüfer.

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](https://gradiently.design/de/guide/color-contrast-accessibility).

## So machst du jede Farbe zu Pastell

Ein Pastellton ist jeder Farbton mit hoher Helligkeit und mäßiger Sättigung. In [HSL](https://gradiently.design/de/guide/hsl-colors) 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](https://gradiently.design/de/guide/oklch-explained) behebt das, sodass eine einzige Formel in jedem Farbton ein gleichmäßiges Pastell ergibt.

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

Ändere nur den Farbton, und jedes Pastell behält dasselbe visuelle Gewicht. Halte die Chroma bei etwa 0,04 bis 0,07; darüber wirkt es schnell wie Bonbons.

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](https://gradiently.design/de/guide/tints-tones-shades).

## Fehler, die Pastell billig wirken lassen

### Vermeiden

- Pastelltext auf Weiß oder auf einem anderen Pastellton
- Sechs Pastelltöne auf einmal ohne dunkle Farbe
- Pastelltöne mit unterschiedlicher Helligkeit, sodass einer schmutzig wirkt
- Reinweiße Gründe, die Pastell verwaschen
- Dünne Schreibschriften in blassen Farben

### Machen

- Dunkle, getönte Schriftfarbe für jedes Wort
- Drei Pastelltöne plus Anker und Schriftfarbe
- Pastelltöne mit gleicher Helligkeit
- Ein warmes Off-White wie #fdf8f2
- Kräftige Schnitte mit klaren Buchstabenformen

## 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](https://gradiently.design/de/guide/pastel-gradients) die Codes, und die [Soft Aesthetic](https://gradiently.design/de/guide/soft-aesthetic) zeigt, wie der Look einen ganzen Feed trägt.

Ein sanfter Instagram Post in Pastell für eine Bäckerei, der ankündigt, dass der Zitronenkuchen dieses Wochenende zurück ist

Ein sanfter Hintergrund mit dunkler, selbstbewusster Schrift. Das Pastell setzt die Stimmung; die Schrift spricht.

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.

## FAQ

### Welche Farben gehören in eine Pastell Farbpalette?

Blasse, sanft gesättigte Fassungen beliebiger Farbtöne: Pfirsich, Buttergelb, Salbei, Mint, Puderblau, Lavendel und Rosé sind am häufigsten.

### Was ist der Hex-Code für Pastellrosa?

Einen einzigen Code gibt es nicht, aber #f6cfdc ist ein ausgewogenes Pastellrosa. Kombinier es mit einer dunklen Schriftfarbe wie #4a2e37 für Text.

### Welche Schriftfarbe passt zu Pastellfarben?

Eine dunkle, leicht getönte Farbe wie Kakao #3a2e2a, Schiefer #2f3a4a oder Pflaume #3b2f48, die auf typischen Pastelltönen etwa 8:1 bis 10:1 ergeben.

### Sind Pastellfarben barrierefrei?

Als Hintergrund ja. Als Text oder als Buttonfarbe hinter weißem Text nein: Pastelltöne sind zu hell. Nutze eine dunkle Schriftfarbe für Wörter und einen tieferen Ankerton für Buttons.

### Wie mache ich eine Farbe zu Pastell?

Heb ihre Helligkeit auf etwa 85 % bis 92 % und halte die Sättigung mäßig. In CSS ergibt `oklch(90% 0.06 H)` für jeden Farbton H ein gleichmäßiges Pastell.