# Neutrale Farbpaletten, die trotzdem Charakter haben

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

Beige, Grau und Weiß können teuer wirken oder so, als hätte niemand entschieden. Der Unterschied sind Temperatur, Bandbreite und eine kleine Überraschung. Hier sind acht neutrale Farbpaletten mit Codes und die Regeln, die sie lebendig halten.

## The short version

- Eine neutrale Farbpalette besteht aus wenig gesättigten Farben wie Weiß, Elfenbein, Beige, Taupe, Grau, Anthrazit und fast Schwarz.
- Neutraltöne haben eine Temperatur: Warme Neutraltöne neigen zu Gelb, Rot oder Braun, kühle zu Blau oder Grün.
- Eine neutrale Palette wirkt flach, wenn alle Farben dieselbe Helligkeit haben, nimm also mindestens einen sehr hellen, einen mittleren und einen sehr dunklen Ton.
- Die meisten neutralen Paletten brauchen eine Akzentfarbe in kleinen Mengen, die einen Blickfang setzt.
- Mittlere Neutraltöne wie Taupe und Stein bestehen auf hellem Grund meist den Kontrast für Fließtext nicht, setze Text also im dunkelsten Ton.

Eine gute **neutrale Farbpalette** nutzt Farben mit sehr geringer Sättigung wie Elfenbein, Sand, Taupe, Stein, Anthrazit und fast Schwarz und gibt ihnen auf drei Wegen Charakter: Sie legt sich auf eine Temperatur fest, sie reicht ganz von hell bis dunkel, und sie setzt einen kleinen Akzent. Lässt du das weg, bekommst du das Beige, das wie eine Voreinstellung aussieht. Unten findest du acht Paletten mit kopierbaren Codes und den Überlegungen dahinter, damit du sie anpassen statt nur übernehmen kannst.

## Warme, kühle und echte Neutraltöne

Nur sehr wenige Neutraltöne sind wirklich farblos, und die, die es sind, können kalt wirken. Die meisten neigen irgendwohin, und die Neigung bestimmt die Stimmung. Ein warmes Beige und ein kühles Blaugrau versehentlich zu mischen ist der häufigste Grund, warum ein neutrales Schema leicht verkehrt wirkt.

| Familie | Neigt zu | Wirkt | Beispielcodes |
| --- | --- | --- | --- |
| Warme Neutraltöne | Gelb, Rot, Braun | Weich, bewohnt, gastfreundlich | Elfenbein `#F3EEE6`, Sand `#D9CBB4`, Taupe `#8A8178` |
| Kühle Neutraltöne | Blau, Grün | Klar, technisch, leise | Dunst `#ECEEEF`, Schiefer `#6B7075`, Graphit `#1F2326` |
| Greige | Ausgewogen zwischen Grau und Beige | Ruhig, anpassungsfähig | Greige `#BDB6AC`, Stein `#A39A8F` |
| Reines Grau | Fast nichts | Neutral, manchmal kalt | `#F2F2F2`, `#8C8C8C`, `#222222` |

Wähle eine Familie als Basis. Eine einzelne Farbe aus der Gegenfamilie kann als bewusster Akzent funktionieren, nie als knapp daneben.

[Warme und kühle Farben](https://gradiently.design/de/guide/warm-and-cool-colors) geht tiefer auf die Temperatur ein, und [Farbtemperatur](https://gradiently.design/de/guide/color-temperature) behandelt, wie Licht und Bildschirme sie verschieben.

## Acht neutrale Paletten mit Hex-Codes

Jede Palette hat einen hellen Grund, einen oder zwei Mitteltöne, ein Dunkel für Schrift und meistens einen Akzent. Lies die Namen als Briefing: Sie beschreiben den Ort, an dem die Palette zu Hause wäre.

- Leinen: #f3eee6
- Sand: #d9cbb4
- Taupe: #8a8178
- Espresso: #2b2724
- Terrakotta-Akzent: #b5543a

Galerie-Café. Warm vom Grund bis zur Schrift, mit Terrakotta für einen Button, einen Preis oder eine Zeile.

- Dunst: #eceeef
- Zinn: #c3c8cc
- Schiefer: #6b7075
- Graphit: #1f2326
- Signalblau-Akzent: #3d6bff

Softwarestudio. Kühle Grautöne mit einem einzigen gesättigten Blau, die klassische Palette für Produktoberflächen.

- **Hafer und Oliv:** Hafer `#E9E1D2`, Flachs `#CDBF9F`, Oliv `#6E6B4A`, Rinde `#2F2A22`. Natürlich ohne das Klischee grüner Blätter.
- **Steinhaus:** Kreide `#F5F3EF`, Greige `#BDB6AC`, Stein `#A39A8F`, Anthrazit `#34312D`, Messing `#B08D57`. Interieur, Architektur, stiller Luxus.
- **Papier und Tinte:** Papier `#FAF7F0`, Zeitungspapier `#E4DED2`, Bleistift `#5C544C`, Tinte `#151515`, Redaktionsrot `#C8372D`. Redaktionell und ernst.
- **Seeglas-Grau:** Nebel `#EEF1EF`, Seeglas `#B9C6C0`, Hafen `#5E6F6A`, Tiefe `#1C2624`. Kühl, aber durch Grün gemildert.
- **Blush-Neutral:** Porzellan `#F7F0EC`, Blush-Stein `#DCC7BE`, Mauve-Taupe `#8C7470`, Kakao `#33221F`. Warm und sanft, gut für Beauty und Wellness.
- **Nacht-Neutral:** Onyx `#121212`, Rauch `#2A2826`, Asche `#77716B`, Knochen `#E9E2D6`. Ein dunkler Grund mit warmer heller Schrift.

Bevor du dich für eine entscheidest, teste sie an echtem Material. Lege auf jeden Grund dein Logo, ein Produktfoto und einen Textabsatz. Fotos bringen oft ihre eigene Wärme oder Kühle mit, und eine Palette, die gegen deine Fotografie kämpft, wirkt nie ruhig, so sorgfältig du sie auch gewählt hast.

## So gibst du einer neutralen Palette Charakter

1. **Lege dich auf eine Temperatur fest** Wähle warm oder kühl und prüfe jede Farbe dagegen. Lege deine Farbfelder nebeneinander: Alles, was neben warmem Beige leicht grünlich aussieht, gehört zur falschen Familie.
2. **Dehne die Bandbreite** Nimm einen Ton nahe Weiß, einen Mittelton und einen Ton nahe Schwarz. Neutrale Paletten nur aus mittleren Beigetönen haben keine Tiefe und keine lesbare Textfarbe.
3. **Setze einen Akzent** Eine einzelne gesättigte Farbe in kleinen Dosen gibt dem Auge einen Ruhepunkt. [Akzentfarbe](https://gradiently.design/de/guide/accent-color) zeigt, wie viel genug ist.
4. **Bring Textur ins Spiel** Neutraltöne wirken am reichsten mit Körnung, Papier oder sanftem Lichtwechsel. Ein flaches beiges Rechteck wirkt unfertig; dasselbe Beige mit etwas Griff wirkt wie ein Material.
5. **Arbeite mit Proportion, nicht mit mehr Farben** Der größte Teil der Fläche bleibt hell, die Mitteltöne nehmen die großen Formen, und das Dunkel trägt die Worte. Die [60-30-10-Regel](https://gradiently.design/de/guide/60-30-10-rule) ist eine solide Startaufteilung.

## Neutrale Verläufe, die nicht langweilen

Ein neutraler Verlauf funktioniert, wenn sich das Licht ändert statt des Farbtons. Denk an Tageslicht, das über eine Putzwand fällt: Die Farbe bewegt sich kaum, die Helligkeit schon. Halte die Stopps nah beieinander und füge Körnung hinzu, um Streifen zu verbergen, die in blassen, kontrastarmen Mischungen leicht sichtbar werden.

- Putzlicht: `radial-gradient(circle at 25% 20%, #fbf8f3 0%, #eae1d3 50%, #cdbf9f 100%)`
- Bedeckt: `linear-gradient(170deg, #eceeef 0%, #c3c8cc 60%, #8f969b 100%)`
- Espresso-Dämmerung: `radial-gradient(circle at 70% 30%, #5c544c 0%, #2b2724 50%, #121212 100%)`
- Blush-Stein: `linear-gradient(160deg, #f7f0ec 0%, #dcc7be 55%, #b5948a 100%)`

Vier neutrale Verläufe. Jeder bewegt sich vor allem in der Helligkeit, und das hält sie ruhig.

Mehr findest du unter [dezente Verläufe](https://gradiently.design/de/guide/subtle-gradients), [beige Verläufe](https://gradiently.design/de/guide/beige-gradient) und [graue Verläufe](https://gradiently.design/de/guide/grey-gradient).

## Text und Kontrast auf neutralen Hintergründen

Neutrale Paletten wirken sanft, und das verführt zu sanfter Schrift. Taupe `#8A8178` auf Leinen `#F3EEE6` misst nur 3,31:1, unter den 4,5:1, die WCAG für Fließtext verlangt. Espresso `#2B2724` auf demselben Leinen erreicht 12,82:1. Nimm deinen dunkelsten Neutralton für alles, was gelesen werden muss, und spare die Mitteltöne für Formen, Rahmen und große Display-Schrift auf.

Ein Bäckerei-Post im Hochformat in weichen neutralen Farben, bei dem der kleine Begleittext blass ist

Kontrastarme Worte auf blassem neutralem Grund verlieren zuerst ihre unterstützende Zeile.

Derselbe Bäckerei-Post mit klarem, lesbarem Text über einem ruhigeren Bereich des neutralen Hintergrunds

Mit ruhigerem Hintergrund hinter den Worten ist jede Zeile lesbar, und die Palette bleibt weich.

Gradiently übernimmt das automatisch: Ein Mark setzt sich hinter deine Worte und wählt pro Zeile helle oder dunkle Schrift aus seiner eigenen Palette, sodass ein ruhiger neutraler Hintergrund dich nie die Lesbarkeit kostet. Prüfe jedes Farbpaar selbst mit [Farbkontrast](https://gradiently.design/de/guide/color-contrast-accessibility).

## FAQ

### Welche Farben gehören zu einer neutralen Farbpalette?

Weiß, Elfenbein, Creme, Beige, Sand, Taupe, Greige, Grau, Anthrazit und fast Schwarz, dazu die leicht getönten Versionen jeder Farbe. Die meisten neutralen Paletten enthalten auch eine Akzentfarbe.

### Was ist Greige?

Greige ist eine Mischung aus Grau und Beige, die zwischen warm und kühl liegt, etwa `#BDB6AC`. Sie dient als Brücke, wenn eine Palette sowohl zu warmer als auch zu kühler Umgebung passen soll.

### Welche Akzentfarbe passt zu Neutraltönen?

Warme Neutraltöne passen zu Terrakotta, Rost, Oliv oder Messing. Kühle Neutraltöne passen zu einem gesättigten Blau, einem klaren Grün oder einem tiefen Rot. Setze den Akzent sparsam ein, damit er besonders bleibt.

### Wie verhindere ich, dass eine neutrale Palette langweilig wirkt?

Lege dich auf eine Temperatur fest, reiche von hell bis dunkel, setze einen einzigen Akzent und gib den Flächen Textur. Langweilig wirken flache mittlere Beigetöne ohne Bandbreite.

### Eignen sich neutrale Farben fürs Branding?

Ja, besonders für Premium-, Editorial- und Interior-Marken. Weil viele Marken Neutraltöne nutzen, gib deiner etwas Eigenes, etwa einen bestimmten Akzent, eine Schrift oder ein Hintergrundmaterial.