# Aardetinten kleurenpalet: aardse kleurcodes om te kopiëren

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

Aardetinten zijn de kleuren van klei, zand, schors, mos en steen. Ze voelen rustig, eerlijk en warm, en worden verrassend makkelijk plat. Hier zijn acht paletten met codes die levend blijven.

## The short version

- Een aardetinten kleurenpalet gebruikt de gedempte kleuren van natuurlijke materialen: bruin, zandbruin, zand, klei, terracotta, oker, olijf, mos en warm grijs.
- Aardetinten voelen rustig, warm en betrouwbaar, en komen daarom veel voor bij interieur-, eten-, welzijns-, outdoor- en ambachtsmerken.
- Aardetintenpaletten ogen plat als alle kleuren dezelfde lichtheid hebben, dus neem een lichte ondergrond, een middentoon en een heel donker bruin of olijf op.
- Eén helderder accent zoals gebrand oranje, oker of diep petrol voorkomt dat een aards palet saai wordt.
- Donker espressobruin of schorsbruin is de betrouwbaarste tekstkleur op lichte aardetinten, en warm crème leest goed op donkere.

Een **aardetinten kleurenpalet** bestaat uit de gedempte, warme kleuren van natuurlijke materialen: zand `#e7d8c3`, klei `#c2703d`, sienna `#a0522d`, olijf `#6b7046`, schors `#3d2b1f` en de crèmes, okers en grijzen eromheen. Deze kleuren voelen rustig en eerlijk omdat we ze zien in grond, steen, hout en droog gras. De truc is bereik. Een goed aards palet heeft altijd een lichte ondergrond, een of twee middentonen en een diepe donkere kleur, anders wordt het één beige vlek. Hieronder staan acht paletten met codes die je kunt kopiëren.

## Wat telt als aardetint

Aardetinten hebben een lagere verzadiging dan de kleuren op een standaard kleurenwiel en zitten vooral in de warme helft: rood wordt roest, oranje wordt klei, geel wordt oker, groen wordt olijf en salie. Veel kleuren zijn vernoemd naar echte pigmenten, zoals sienna en omber, die oorspronkelijk van gekleurde aarde werden gemaakt.

| Kleur | Hex | Te vinden in | Voelt |
| --- | --- | --- | --- |
| Zand | `#e7d8c3` | Stranden, stucwerk, linnen | Licht, rustig |
| Oker | `#c8963e` | Kleipigment, droog gras | Zonnig, verouderd |
| Terracotta | `#c2703d` | Gebakken klei, tegels | Warm, handgemaakt |
| Sienna | `#a0522d` | Ijzerrijke grond | Rijk, aards |
| Olijf | `#6b7046` | Olijfbladeren, korstmos | Geaard, volwassen |
| Salie | `#9caf88` | Gedroogde kruiden | Zacht, rustgevend |
| Steen | `#a8a196` | Graniet, leisteen | Stil, neutraal |
| Schors | `#3d2b1f` | Boomschors, koffie | Stevig, betrouwbaar |

Acht kernaardetinten. De meeste paletten hieronder zijn opgebouwd uit drie tot vijf ervan.

## Acht aardetinten kleurenpaletten

Elk palet toont de kleuren van licht naar donker. Gebruik de eerste als achtergrond, de middelste voor vormen en beelden, en de laatste voor tekst.

- Beenwit: #f3ece2
- Duin: #e0c3a3
- Terracotta: #c2703d
- Roest: #8b4a2b
- Schors: #3d2b1f

**Woestijnklei.** Warm en zonovergoten. Past bij keramiek, interieur en reizen.

- Bleke salie: #eef0e5
- Salie: #9caf88
- Olijf: #6b7046
- Mos: #4a4a2f
- Bosinkt: #1f2416

**Olijfgaard.** Groenachtig en rustgevend. Past bij welzijn, eten en tuinieren.

- Schelp: #f5efe6
- Zand: #e7d8c3
- Drijfhout: #a8a196
- Zeesteen: #5f6b6d
- Leisteen: #2e3335

**Kustzand.** Koeler en luchtig. Past bij hotels, huidverzorging en architectuur.

- Stro: #f1e4c8
- Oker: #c8963e
- Sienna: #a0522d
- Omber: #6b3e26
- Espresso: #2b1d14

**Herfstoogst.** Rijk en goudkleurig. Past bij bakkers, koffie en seizoenscampagnes.

- Rijstpapier: #ece6dc
- Haver: #c9bba5
- Taupe: #8c7b67
- Walnoot: #5b5246
- Houtskool: #262320

**Stil neutraal.** Bijna kleurloos, heel rustig. Past bij Japandi-interieurs, meubels en redactionele lay-outs.

- Blosklei: #f4e9df
- Adobe: #d9a38a
- Baksteen: #b4644a
- Oxide: #7a3b2e
- Cacao: #3a1f19

**Terracottastudio.** Roze getint en zacht. Past bij bloemisten, kaarsen en boho-merken.

- Nevel: #d8cfc0
- Korstmos: #6b6250
- Veen: #4a3b2c
- Grond: #2a2119
- Nachtaarde: #14100c

**Donkere aarde.** Stemmig en premium. Past bij whisky, leer, outdoorkleding en herenmode.

- Beenwit: #f3ece2
- Kameel: #d9c3a5
- Olijf: #6b7046
- Diep petrol: #2f5d62
- Schors: #3d2b1f

**Aarde met een accent.** Diep petrol tilt de hele set op zonder de sfeer te breken.

## Een aardetintenpalet in balans brengen

Aardetinten delen een lage verzadiging, dus lichtheid moet het werk doen dat verzadiging normaal doet. Zijn al je kleuren middentonen, dan ziet het ontwerp er plat en modderig uit. Verspreid ze over licht, midden en donker en verdeel ze dan met de [60 30 10 regel](https://gradiently.design/nl/guide/60-30-10-rule).

| Rol | Aandeel | Voorbeeld woestijnklei |
| --- | --- | --- |
| Ondergrond | Ongeveer 60% | Beenwit `#f3ece2` |
| Ondersteunend | Ongeveer 30% | Duin `#e0c3a3` en Roest `#8b4a2b` |
| Accent | Ongeveer 10% | Terracotta `#c2703d` |
| Tekst | Naar behoefte | Schors `#3d2b1f` |

Eén palet verdeeld over rollen. Het accent verdient aandacht omdat er zo weinig van is.

> **Voeg één helderdere noot toe** Een gebrand oranje, een mosterdgeel of een diep petrol met iets hogere verzadiging dan de rest geeft het oog een plek om te landen. Zonder dat kan een aards palet slaperig aanvoelen.

### Veelgemaakte fouten met aardetinten

- **Vijf beiges op een rij.** Kleuren met dezelfde lichtheid vloeien samen; houd minstens één heel lichte en één heel donkere aan.
- **Zuiver zwarte tekst.** Die ziet er koud uit naast warme bruintinten. Gebruik espresso of schors.
- **Warme en koele bruintinten mengen.** Een roze terracotta naast een grijze taupe ziet er per ongeluk uit. Houd de ondertonen consistent.
- **Te veel accenten.** Eén heldere noot tilt het palet op; drie maken er een heel ander palet van.

## Aardetinten verlopen

Aardetinten mengen makkelijk omdat ze al dicht bij elkaar liggen in verzadiging, dus er is weinig risico op een grijs midden. Houd de lichtbron zacht en voeg korrel toe, wat past bij het materiaalgevoel van deze kleuren. [Bruine verlopen](https://gradiently.design/nl/guide/brown-gradient) en [beige verlopen](https://gradiently.design/nl/guide/beige-gradient) gaan dieper in op elke familie.

- Beenwit naar terracotta: `linear-gradient(160deg, #f3ece2 0%, #e0c3a3 50%, #c2703d 100%)`
- Olijfschaduw: `radial-gradient(circle at 75% 25%, #9caf88 0%, #6b7046 45%, #2a2a1a 100%)`
- Oogst: `linear-gradient(180deg, #f1e4c8 0%, #c8963e 55%, #6b3e26 100%)`
- Gloed in de grond: `radial-gradient(ellipse at 30% 110%, #b4644a 0%, #4a3b2c 45%, #14100c 90%)`

Vier aardse verlopen opgebouwd uit de paletten hierboven.

## Tekstkleuren op aardetinten

Zuiver zwart en zuiver wit kunnen hard ogen naast zulke zachte kleuren. Gebruik een heel donkerbruin voor tekst op lichte ondergronden en een warm crème op donkere; wit werkt nog steeds op de diepere middentonen zoals sienna en olijf. De verhoudingen volgen de WCAG-formule, waarbij 4,5:1 het gebruikelijke doel is voor kleine tekst; [kleurcontrast](https://gradiently.design/nl/guide/color-contrast-accessibility) legt het uit.

| Achtergrond | Tekst | Contrast | Oordeel |
| --- | --- | --- | --- |
| Beenwit `#f3ece2` | Schors `#3d2b1f` | 11,5:1 | Uitstekend |
| Zand `#e7d8c3` | Schors `#3d2b1f` | 9,6:1 | Uitstekend |
| Terracotta `#c2703d` | Wit | 3,7:1 | Alleen grote koppen |
| Sienna `#a0522d` | Wit | 5,6:1 | Goed |
| Olijf `#6b7046` | Wit | 5,2:1 | Goed |
| Schors `#3d2b1f` | Zand `#e7d8c3` | 9,6:1 | Uitstekend |

Terracotta en oker zijn lichter dan ze lijken, dus controleer witte tekst erop goed.

Een staande post voor een keramiekwinkel met donkerbruine letters op een warme achtergrond van beenwit naar terracotta

Een post van een keramiekwinkel in woestijnklei, met letters in schorsbruin.

Een vierkante post van een koffiebranderij met zandkleurige letters op een donkerbruine grondachtergrond

Een post van een koffiebranderij in donkere aarde, met letters in zandkleur.

## Aardetintenpalet als CSS-variabelen

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

Het woestijnkleipalet als custom properties. Beenwit op roest haalt het voor knoplabels; schors op terracotta komt maar op ongeveer 3,6:1, houd het dus bij grote, vette labels.

Aardse paletten overlappen met [herfstkleurenpaletten](https://gradiently.design/nl/guide/autumn-color-palettes), [gedempte kleurenpaletten](https://gradiently.design/nl/guide/muted-color-palettes) en [Japandi-kleuren](https://gradiently.design/nl/guide/japandi-colors), dus leen daarvan zodra je een basis hebt. Wil je een aardse achtergrond met echt materiaal erin, dan combineren de Marks van Gradiently kleur met materialen, korrel en licht, en kan de Designer posts in je Mark opmaken vanuit een korte beschrijving.

## FAQ

### Welke kleuren zijn aardetinten?

Gedempte, meestal warme kleuren van natuurlijke materialen: bruin, zandbruin, zand, beige, terracotta, roest, oker, olijf, salie, mos en warm grijs.

### Wat zijn enkele hexcodes van aardetinten?

Zand `#e7d8c3`, oker `#c8963e`, terracotta `#c2703d`, sienna `#a0522d`, olijf `#6b7046`, salie `#9caf88` en schors `#3d2b1f` zijn een goede startset.

### Welke kleur past goed bij aardetinten?

Een diep petrol, een gebrand oranje of een mosterdgeel als klein accent. Warm crème en donker espresso werken als lichte en donkere uiteinden.

### Hoe voorkom ik dat een aardetintenpalet saai wordt?

Verspreid de kleuren over lichte, midden- en donkere waarden en voeg één iets verzadigder accent toe dat in ongeveer een tiende van het ontwerp wordt gebruikt.

### Zijn aardetinten goed voor branding?

Ja, voor merken die rustig, natuurlijk en betrouwbaar willen overkomen, zoals interieur-, eten-, welzijns-, outdoor- en ambachtsbedrijven.