# Erdtöne als Farbpalette: geerdete Codes zum Kopieren

[Canonical HTML page](https://gradiently.design/de/guide/earth-tone-colors)

Erdtöne sind die Farben von Ton, Sand, Rinde, Moos und Stein. Sie wirken ruhig, ehrlich und warm, und sie werden überraschend leicht flach. Hier sind acht Paletten mit Codes, die lebendig bleiben.

## The short version

- Eine Erdton-Farbpalette nutzt die gedämpften Farben natürlicher Materialien: Braun, Hellbraun, Sand, Ton, Terrakotta, Ocker, Oliv, Moos und warme Grautöne.
- Erdtöne wirken ruhig, warm und vertrauenswürdig, weshalb sie in Interior, Essen, Wellness, Outdoor und Handwerksmarken verbreitet sind.
- Erdton-Paletten wirken flach, wenn alle Farben dieselbe Helligkeit haben, nimm also einen hellen Grund, einen Mittelton und ein sehr dunkles Braun oder Oliv.
- Ein einzelner leuchtenderer Akzent wie Brandorange, Ocker oder ein tiefes Petrol hält eine erdige Palette davor, stumpf zu wirken.
- Dunkles Espresso- oder Rindenbraun ist die verlässlichste Textfarbe auf hellen Erdtönen, und warmes Creme liest sich gut auf dunklen.

Eine **Erdton-Farbpalette** besteht aus den gedämpften, warmen Farben natürlicher Materialien: Sand `#e7d8c3`, Ton `#c2703d`, Siena `#a0522d`, Oliv `#6b7046`, Rinde `#3d2b1f` und den Cremes, Ockertönen und Grautönen drumherum. Diese Farben wirken ruhig und ehrlich, weil wir sie in Erde, Stein, Holz und trockenem Gras sehen. Der Trick ist die Bandbreite. Eine gute erdige Palette enthält immer einen hellen Grund, ein bis zwei Mitteltöne und ein tiefes Dunkel, sonst wird sie zu einem einzigen beigen Schleier. Unten findest du acht Paletten mit Codes zum Kopieren.

## Was als Erdton gilt

Erdtöne sind weniger gesättigt als die Farben eines Standard-Farbkreises und liegen meist in der warmen Hälfte: Rot wird zu Rost, Orange zu Ton, Gelb zu Ocker, Grün zu Oliv und Salbei. Viele sind nach echten Pigmenten benannt, etwa Siena und Umbra, die ursprünglich aus gefärbter Erde gewonnen wurden.

| Farbe | Hex | Zu finden in | Wirkt |
| --- | --- | --- | --- |
| Sand | `#e7d8c3` | Strände, Putz, Leinen | Hell, ruhig |
| Ocker | `#c8963e` | Tonpigment, trockenes Gras | Sonnig, gealtert |
| Terrakotta | `#c2703d` | Gebrannter Ton, Fliesen | Warm, handgemacht |
| Siena | `#a0522d` | Eisenreicher Boden | Satt, erdig |
| Oliv | `#6b7046` | Olivenblätter, Flechten | Geerdet, reif |
| Salbei | `#9caf88` | Getrocknete Kräuter | Weich, erholsam |
| Stein | `#a8a196` | Granit, Schiefer | Leise, neutral |
| Rinde | `#3d2b1f` | Baumrinde, Kaffee | Solide, verlässlich |

Acht grundlegende Erdtöne. Die meisten Paletten unten bestehen aus drei bis fünf davon.

## Acht Erdton-Farbpaletten

Jede Palette listet die Farben vom hellsten bis zum dunkelsten Ton. Nimm die erste als Hintergrund, die mittleren für Formen und Bilder und die letzte für Text.

- Knochen: #f3ece2
- Düne: #e0c3a3
- Terrakotta: #c2703d
- Rost: #8b4a2b
- Rinde: #3d2b1f

**Wüstenton.** Warm und sonnenbeschienen. Passt zu Keramik, Interior und Reisen.

- Blasser Salbei: #eef0e5
- Salbei: #9caf88
- Oliv: #6b7046
- Moos: #4a4a2f
- Waldtinte: #1f2416

**Olivenhain.** Grünstichig und erholsam. Passt zu Wellness, Essen und Gärtnern.

- Muschel: #f5efe6
- Sand: #e7d8c3
- Treibholz: #a8a196
- Meerstein: #5f6b6d
- Schiefer: #2e3335

**Küstensand.** Kühler und luftig. Passt zu Hotels, Hautpflege und Architektur.

- Stroh: #f1e4c8
- Ocker: #c8963e
- Siena: #a0522d
- Umbra: #6b3e26
- Espresso: #2b1d14

**Herbsternte.** Satt und golden. Passt zu Bäckereien, Kaffee und Saisonkampagnen.

- Reispapier: #ece6dc
- Hafer: #c9bba5
- Taupe: #8c7b67
- Walnuss: #5b5246
- Anthrazit: #262320

**Leises Neutral.** Fast farblos, sehr ruhig. Passt zu Japandi-Interieurs, Möbeln und Editorial-Layouts.

- Blush-Ton: #f4e9df
- Adobe: #d9a38a
- Backstein: #b4644a
- Oxid: #7a3b2e
- Kakao: #3a1f19

**Terrakotta-Atelier.** Rosastichig und weich. Passt zu Floristen, Kerzen und Boho-Marken.

- Dunst: #d8cfc0
- Flechte: #6b6250
- Torf: #4a3b2c
- Erde: #2a2119
- Nachterde: #14100c

**Dunkle Erde.** Stimmungsvoll und hochwertig. Passt zu Whisky, Leder, Outdoor-Ausrüstung und Herrenmode.

- Knochen: #f3ece2
- Kamel: #d9c3a5
- Oliv: #6b7046
- Tiefes Petrol: #2f5d62
- Rinde: #3d2b1f

**Erde mit Akzent.** Ein tiefes Petrol hebt das ganze Set, ohne die Stimmung zu brechen.

## So bringst du eine Erdton-Palette ins Gleichgewicht

Erdtöne haben alle geringe Sättigung, deshalb muss die Helligkeit die Arbeit leisten, die sonst die Sättigung übernimmt. Wenn alle deine Farben Mitteltöne sind, wirkt das Design flach und trüb. Verteile sie über hell, mittel und dunkel und ordne sie dann mit der [60-30-10-Regel](https://gradiently.design/de/guide/60-30-10-rule) zu.

| Rolle | Anteil | Beispiel Wüstenton |
| --- | --- | --- |
| Grund | Etwa 60 % | Knochen `#f3ece2` |
| Unterstützend | Etwa 30 % | Düne `#e0c3a3` und Rost `#8b4a2b` |
| Akzent | Etwa 10 % | Terrakotta `#c2703d` |
| Text | Nach Bedarf | Rinde `#3d2b1f` |

Eine Palette, den Rollen zugeordnet. Der Akzent bekommt Aufmerksamkeit, weil es so wenig von ihm gibt.

> **Eine hellere Note hinzufügen** Ein Brandorange, ein Senfgelb oder ein tiefes Petrol mit etwas höherer Sättigung als der Rest gibt dem Auge einen Ruhepunkt. Ohne ihn kann eine erdige Palette schläfrig wirken.

### Häufige Fehler bei Erdtönen

- **Fünf Beigetöne hintereinander.** Farben gleicher Helligkeit verschmelzen; nimm mindestens eine sehr helle und eine sehr dunkle.
- **Reinschwarze Schrift.** Sie wirkt kalt neben warmen Brauntönen. Nimm stattdessen Espresso oder Rinde.
- **Warme und kühle Brauntöne mischen.** Ein rosastichiges Terrakotta neben einem grauen Taupe wirkt zufällig. Halte die Untertöne einheitlich.
- **Zu viele Akzente.** Eine leuchtende Note hebt die Palette; drei machen daraus eine ganz andere Palette.

## Erdton-Farbverläufe

Erdtöne lassen sich leicht mischen, weil sie in der Sättigung ohnehin nah beieinander liegen, das Risiko einer grauen Mitte ist also gering. Halte die Lichtquelle weich und füge Körnung hinzu, was zum Materialgefühl dieser Farben passt. [Braune Verläufe](https://gradiently.design/de/guide/brown-gradient) und [beige Verläufe](https://gradiently.design/de/guide/beige-gradient) gehen tiefer in jede Familie.

- Knochen zu Terrakotta: `linear-gradient(160deg, #f3ece2 0%, #e0c3a3 50%, #c2703d 100%)`
- Olivschatten: `radial-gradient(circle at 75% 25%, #9caf88 0%, #6b7046 45%, #2a2a1a 100%)`
- Ernte: `linear-gradient(180deg, #f1e4c8 0%, #c8963e 55%, #6b3e26 100%)`
- Glut in der Erde: `radial-gradient(ellipse at 30% 110%, #b4644a 0%, #4a3b2c 45%, #14100c 90%)`

Vier erdige Verläufe aus den Paletten oben.

## Textfarben auf Erdtönen

Reines Schwarz und reines Weiß können neben so weichen Farben hart wirken. Nimm ein sehr dunkles Braun für Text auf hellem Grund und ein warmes Creme auf dunklem; Weiß funktioniert weiterhin auf den tieferen Mitteltönen wie Siena und Oliv. Die Verhältnisse nutzen die WCAG-Formel, bei der 4,5:1 das übliche Ziel für kleine Schrift ist; [Farbkontrast](https://gradiently.design/de/guide/color-contrast-accessibility) erklärt sie.

| Hintergrund | Text | Kontrast | Urteil |
| --- | --- | --- | --- |
| Knochen `#f3ece2` | Rinde `#3d2b1f` | 11,5:1 | Ausgezeichnet |
| Sand `#e7d8c3` | Rinde `#3d2b1f` | 9,6:1 | Ausgezeichnet |
| Terrakotta `#c2703d` | Weiß | 3,7:1 | Nur große Überschriften |
| Siena `#a0522d` | Weiß | 5,6:1 | Gut |
| Oliv `#6b7046` | Weiß | 5,2:1 | Gut |
| Rinde `#3d2b1f` | Sand `#e7d8c3` | 9,6:1 | Ausgezeichnet |

Terrakotta und Ocker sind heller, als sie aussehen, prüfe weiße Schrift darauf also sorgfältig.

Ein Post im Hochformat für einen Keramikshop mit dunkelbrauner Schrift auf einem warmen Hintergrund von Knochen zu Terrakotta

Ein Post eines Keramikshops in Wüstenton, mit Schrift in Rindenbraun.

Ein quadratischer Post einer Kaffeerösterei mit sandfarbener Schrift auf dunklem Erdbraun

Ein Post einer Kaffeerösterei in dunkler Erde, mit sandfarbener Schrift.

## Erdton-Palette als CSS-Variablen

```css
:root {
  --bone: #f3ece2;
  --dune: #e0c3a3;
  --terracotta: #c2703d;
  --rust: #8b4a2b;
  --bark: #3d2b1f;
}

body {
  background: var(--bone);
  color: var(--bark);
}

.button {
  background: var(--rust);
  color: var(--bone);
}

.tag {
  background: var(--terracotta);
  color: var(--bark);
  font-weight: 700;
}

.hero {
  background: linear-gradient(160deg, var(--bone) 0%, var(--dune) 55%, var(--terracotta) 100%);
}
```

Die Palette Wüstenton als Custom Properties. Knochen auf Rost besteht die Prüfung für Button-Beschriftungen; Rinde auf Terrakotta erreicht nur etwa 3,6:1, beschränke sie also auf große, fette Tags.

Erdige Paletten überschneiden sich mit [Herbst-Farbpaletten](https://gradiently.design/de/guide/autumn-color-palettes), [gedämpften Farbpaletten](https://gradiently.design/de/guide/muted-color-palettes) und [Japandi-Farben](https://gradiently.design/de/guide/japandi-colors), bediene dich also dort, sobald du eine Basis hast. Wenn du einen erdigen Hintergrund mit echter Materialität willst: Die Marks von Gradiently verbinden Farbe mit Materialien, Körnung und Licht, und der Designer kann aus einer kurzen Beschreibung Posts in deinem Mark gestalten.

## FAQ

### Welche Farben sind Erdtöne?

Gedämpfte, meist warme Farben aus natürlichen Materialien: Braun, Hellbraun, Sand, Beige, Terrakotta, Rost, Ocker, Oliv, Salbei, Moos und warme Grautöne.

### Welche Hex-Codes haben Erdtöne?

Sand `#e7d8c3`, Ocker `#c8963e`, Terrakotta `#c2703d`, Siena `#a0522d`, Oliv `#6b7046`, Salbei `#9caf88` und Rinde `#3d2b1f` sind ein guter Startsatz.

### Welche Farbe passt gut zu Erdtönen?

Ein tiefes Petrol, ein Brandorange oder ein Senfgelb als kleiner Akzent. Warmes Creme und dunkles Espresso bilden das helle und das dunkle Ende.

### Wie verhindere ich, dass eine Erdton-Palette stumpf wirkt?

Verteile die Farben über helle, mittlere und dunkle Werte und füge einen etwas gesättigteren Akzent hinzu, der etwa ein Zehntel des Designs einnimmt.

### Eignen sich Erdtöne fürs Branding?

Ja, für Marken, die ruhig, natürlich und vertrauenswürdig wirken wollen, etwa Interior, Essen, Wellness, Outdoor und Handwerksbetriebe.