# Jordfarvepaletter: jordnære koder at kopiere

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

Jordfarver er farverne fra ler, sand, bark, mos og sten. De føles rolige, ærlige og varme, og de bliver overraskende nemt flade. Her er otte paletter med koder, der holder liv.

## The short version

- En jordfarvepalet bruger de dæmpede farver fra naturlige materialer: brune, lysebrune, sand, ler, terrakotta, okker, oliven, mos og varme grå.
- Jordfarver føles rolige, varme og troværdige, hvilket er grunden til, at de er almindelige i boliger, mad, wellness, outdoor og håndværksbrands.
- Jordfarvepaletter ser flade ud, når hver farve har samme lyshed, så medtag en lys bund, en mellemtone og en meget mørk brun eller oliven.
- En enkelt lysere accent som brændt orange, okker eller en dyb petrolgrøn forhindrer en jordnær palet i at føles kedelig.
- Mørk espresso eller barkbrun er den mest pålidelige tekstfarve på lyse jordfarver, og varm fløde læses godt på mørke.

En **jordfarvepalet** er bygget af de dæmpede, varme farver fra naturlige materialer: sand `#e7d8c3`, ler `#c2703d`, sienna `#a0522d`, oliven `#6b7046`, bark `#3d2b1f` og fløde-, okker- og gråtonerne omkring dem. Disse farver føles rolige og ærlige, fordi vi ser dem i jord, sten, træ og tørt græs. Tricket er spændvidde. En god jordnær palet har altid en lys bund, en eller to mellemtoner og en dyb mørk, ellers ender den som én beige udtværing. Nedenfor er otte paletter med koder, du kan kopiere.

## Hvad der tæller som en jordfarve

Jordfarver har lavere mætning end farverne på et almindeligt farvehjul og ligger for det meste i den varme halvdel: rødt vendt til rust, orange vendt til ler, gult vendt til okker, grønt vendt til oliven og salvie. Mange er opkaldt efter rigtige pigmenter, som sienna og umbra, der oprindeligt blev lavet af farvet jord.

| Farve | Hex | Findes i | Føles |
| --- | --- | --- | --- |
| Sand | `#e7d8c3` | Strande, puds, hør | Let, rolig |
| Okker | `#c8963e` | Lerpigment, tørt græs | Solrig, gammel |
| Terrakotta | `#c2703d` | Brændt ler, fliser | Varm, håndlavet |
| Sienna | `#a0522d` | Jernrig jord | Rig, jordnær |
| Oliven | `#6b7046` | Olivenblade, lav | Jordnær, moden |
| Salvie | `#9caf88` | Tørrede krydderurter | Blød, hvilsom |
| Sten | `#a8a196` | Granit, skifer | Stille, neutral |
| Bark | `#3d2b1f` | Træbark, kaffe | Solid, pålidelig |

Otte grundlæggende jordfarver. De fleste paletter nedenfor er bygget af tre til fem af dem.

## Otte jordfarvepaletter

Hver palet opregner farver fra lyseste til mørkeste. Brug den første som baggrund, de midterste til former og billeder og den sidste til tekst.

- Benhvid: #f3ece2
- Klit: #e0c3a3
- Terrakotta: #c2703d
- Rust: #8b4a2b
- Bark: #3d2b1f

**Ørkenler.** Varm og solbeskinnet. Passer til keramik, boliger og rejser.

- Lys salvie: #eef0e5
- Salvie: #9caf88
- Oliven: #6b7046
- Mos: #4a4a2f
- Skovblæk: #1f2416

**Olivenlund.** Grønlig og hvilsom. Passer til wellness, mad og havearbejde.

- Musling: #f5efe6
- Sand: #e7d8c3
- Drivtømmer: #a8a196
- Havsten: #5f6b6d
- Skifer: #2e3335

**Kystsand.** Køligere og luftig. Passer til hoteller, hudpleje og arkitektur.

- Strå: #f1e4c8
- Okker: #c8963e
- Sienna: #a0522d
- Umbra: #6b3e26
- Espresso: #2b1d14

**Efterårshøst.** Rig og gylden. Passer til bagerier, kaffe og sæsonkampagner.

- Rispapir: #ece6dc
- Havre: #c9bba5
- Taupe: #8c7b67
- Valnød: #5b5246
- Trækul: #262320

**Stille neutral.** Næsten farveløs, meget rolig. Passer til japandi-boliger, møbler og redaktionelle layouts.

- Rødmende ler: #f4e9df
- Adobe: #d9a38a
- Teglsten: #b4644a
- Oxid: #7a3b2e
- Kakao: #3a1f19

**Terrakottastudie.** Lyserød og blød. Passer til blomsterhandlere, duftlys og boho-brands.

- Dis: #d8cfc0
- Lav: #6b6250
- Tørv: #4a3b2c
- Jord: #2a2119
- Natjord: #14100c

**Mørk jord.** Stemningsfuld og eksklusiv. Passer til whisky, læder, outdoorudstyr og herremode.

- Benhvid: #f3ece2
- Kamel: #d9c3a5
- Oliven: #6b7046
- Dyb petrolgrøn: #2f5d62
- Bark: #3d2b1f

**Jord med en accent.** En dyb petrolgrøn løfter hele sættet uden at bryde stemningen.

## Sådan balancerer du en jordfarvepalet

Jordfarver har lav mætning til fælles, så lyshed må gøre det arbejde, som mætning plejer at gøre. Hvis alle dine farver er mellemtoner, ser designet fladt og mudret ud. Fordel dem på lyse, mellemste og mørke, og tildel dem derefter med [60-30-10-reglen](https://gradiently.design/da/guide/60-30-10-rule).

| Rolle | Andel | Eksempel med ørkenler |
| --- | --- | --- |
| Bund | Cirka 60 % | Benhvid `#f3ece2` |
| Støtte | Cirka 30 % | Klit `#e0c3a3` og rust `#8b4a2b` |
| Accent | Cirka 10 % | Terrakotta `#c2703d` |
| Tekst | Efter behov | Bark `#3d2b1f` |

Én palet fordelt på roller. Accenten vinder opmærksomhed, fordi der er så lidt af den.

> **Tilføj én lysere tone** En brændt orange, en sennep eller en dyb petrolgrøn med lidt højere mætning end resten giver øjet et sted at lande. Uden den kan en jordnær palet føles søvnig.

### Almindelige fejl med jordfarver

- **Fem beige i træk.** Farver med samme lyshed smelter sammen; behold mindst én meget lys og én meget mørk.
- **Helt sort tekst.** Den ser kold ud mod varme brune. Brug espresso eller bark i stedet.
- **Blanding af varme og kolde brune.** En lyserød terrakotta ved siden af en grå taupe ser tilfældig ud. Hold undertonerne ensartede.
- **For mange accenter.** Én lys tone løfter paletten; tre gør den til en helt anden palet.

## Jordfarvegradienter

Jordfarver blander let, fordi de allerede ligger tæt i mætning, så der er lille risiko for en grå midte. Hold lyskilden blød, og tilføj korn, som passer til disse farvers materialefølelse. [Brune gradienter](https://gradiently.design/da/guide/brown-gradient) og [beige gradienter](https://gradiently.design/da/guide/beige-gradient) går dybere ind i hver familie.

- Benhvid til terrakotta: `linear-gradient(160deg, #f3ece2 0%, #e0c3a3 50%, #c2703d 100%)`
- Olivenskygge: `radial-gradient(circle at 75% 25%, #9caf88 0%, #6b7046 45%, #2a2a1a 100%)`
- Høst: `linear-gradient(180deg, #f1e4c8 0%, #c8963e 55%, #6b3e26 100%)`
- Gløder i jorden: `radial-gradient(ellipse at 30% 110%, #b4644a 0%, #4a3b2c 45%, #14100c 90%)`

Fire jordnære gradienter bygget af paletterne ovenfor.

## Tekstfarver på jordfarver

Helt sort og helt hvid kan se hårde ud ved siden af så bløde farver. Brug en meget mørk brun til tekst på lyse bunde og en varm fløde på mørke; hvid virker stadig på de dybere mellemtoner som sienna og oliven. Forholdstallene bruger WCAG-formlen, hvor 4,5:1 er det sædvanlige mål for lille tekst; [farvekontrast](https://gradiently.design/da/guide/color-contrast-accessibility) forklarer den.

| Baggrund | Tekst | Kontrast | Dom |
| --- | --- | --- | --- |
| Benhvid `#f3ece2` | Bark `#3d2b1f` | 11,5:1 | Fremragende |
| Sand `#e7d8c3` | Bark `#3d2b1f` | 9,6:1 | Fremragende |
| Terrakotta `#c2703d` | Hvid | 3,7:1 | Kun store overskrifter |
| Sienna `#a0522d` | Hvid | 5,6:1 | God |
| Oliven `#6b7046` | Hvid | 5,2:1 | God |
| Bark `#3d2b1f` | Sand `#e7d8c3` | 9,6:1 | Fremragende |

Terrakotta og okker er lysere, end de ser ud, så tjek hvid tekst på dem omhyggeligt.

Et opslag i højformat til en keramikbutik med mørkebrune bogstaver på en varm baggrund fra benhvid til terrakotta

Et opslag fra en keramikbutik i ørkenler, med skrift i barkbrun.

Et kvadratisk opslag fra et kaffebrænderi med sandfarvede bogstaver på en mørk jordbrun baggrund

Et opslag fra et kaffebrænderi i mørk jord, med skrift i sandfarve.

## Jordfarvepalet som CSS-variabler

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

Ørkenler-paletten som brugerdefinerede egenskaber. Benhvid på rust består som knaptekst; bark på terrakotta når kun cirka 3,6:1, så hold den til store, fede mærker.

Jordnære paletter overlapper med [efterårsfarvepaletter](https://gradiently.design/da/guide/autumn-color-palettes), [dæmpede farvepaletter](https://gradiently.design/da/guide/muted-color-palettes) og [japandi-farver](https://gradiently.design/da/guide/japandi-colors), så lån fra dem, når du har et fundament. Vil du have en jordnær baggrund med rigtigt materiale i, kombinerer Marks fra Gradiently farve med materialer, korn og lys, og Designer kan lægge opslag ud i din Mark ud fra en kort beskrivelse.

## FAQ

### Hvilke farver er jordfarver?

Dæmpede, for det meste varme farver fra naturlige materialer: brune, lysebrune, sand, beige, terrakotta, rust, okker, oliven, salvie, mos og varme grå.

### Hvad er nogle hex-koder til jordfarver?

Sand `#e7d8c3`, okker `#c8963e`, terrakotta `#c2703d`, sienna `#a0522d`, oliven `#6b7046`, salvie `#9caf88` og bark `#3d2b1f` er et godt udgangssæt.

### Hvilken farve passer godt til jordfarver?

En dyb petrolgrøn, en brændt orange eller en sennep brugt som en lille accent. Varm fløde og mørk espresso fungerer som de lyse og mørke ender.

### Hvordan undgår jeg, at en jordfarvepalet ser kedelig ud?

Fordel farverne på lyse, mellemste og mørke værdier, og tilføj én lidt mere mættet accent, brugt i cirka en tiendedel af designet.

### Er jordfarver gode til branding?

Ja, for brands, der vil føles rolige, naturlige og troværdige, som boliger, mad, wellness, outdoor og håndværksvirksomheder.