# Jordfargepaletter: naturlige fargekoder å kopiere

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

Jordtoner er fargene til leire, sand, bark, mose og stein. De føles rolige, ærlige og varme, men kan overraskende lett bli flate. Her er åtte paletter med koder som beholder livet.

## The short version

- En jordfargepalett bruker naturmaterialenes dempede farger: brunt, beige, sand, leire, terrakotta, oker, oliven, mose og varme gråtoner.
- Jordtoner føles rolige, varme og tillitvekkende, derfor er de vanlige innen interiør, mat, velvære, friluftsliv og håndverk.
- Jordfargepaletter blir flate når alle fargene har samme lyshet, så ta med en lys bakgrunn, en mellomtone og svært mørkt brunt eller olivengrønt.
- Én sterkere aksent, som brent oransje, oker eller dyp blågrønn, hindrer en jordpalett i å bli kjedelig.
- Mørk espresso eller barkbrunt er den tryggeste tekstfargen på lyse jordtoner, og varm krem er lesbar på mørke.

**Jordfargepaletter** bygger på naturmaterialenes dempede, varme farger: sand `#e7d8c3`, leire `#c2703d`, sienna `#a0522d`, oliven `#6b7046`, bark `#3d2b1f` og krem-, oker- og gråtonene rundt dem. Fargene føles rolige og ærlige fordi vi ser dem i jord, stein, tre og tørt gress. Trikset er spennvidde. En god jordpalett har alltid en lys bakgrunn, én eller to mellomtoner og en dyp mørk farge, ellers blir den én beige tåke. Nedenfor får du åtte paletter med koder å kopiere.

## Hva regnes som en jordtone

Jordtoner har lavere metning enn fargene i en vanlig fargesirkel og ligger mest i den varme halvdelen: rødt blir rust, oransje blir leire, gult blir oker, grønt blir oliven og salvie. Mange har navn etter ekte pigmenter, som sienna og umbra, som opprinnelig ble laget av farget jord.

| Farge | Heks | Finnes i | Føles |
| --- | --- | --- | --- |
| Sand | `#e7d8c3` | Strender, puss, lin | Lyst, rolig |
| Oker | `#c8963e` | Leirpigment, tørt gress | Solpreget, eldet |
| Terrakotta | `#c2703d` | Brent leire, fliser | Varmt, håndlaget |
| Sienna | `#a0522d` | Jernrik jord | Fyldig, jordnært |
| Oliven | `#6b7046` | Olivenblader, lav | Jordnært, modent |
| Salvie | `#9caf88` | Tørkede urter | Mykt, avslappende |
| Stein | `#a8a196` | Granitt, skifer | Stille, nøytralt |
| Bark | `#3d2b1f` | Trebark, kaffe | Solid, pålitelig |

Åtte grunnleggende jordtoner. De fleste palettene nedenfor bygger på tre til fem av dem.

## Åtte jordfargepaletter

Hver palett viser fargene fra lysest til mørkest. Bruk den første til bakgrunn, de midterste til former og bilder og den siste til tekst.

- Benhvit: #f3ece2
- Sanddyne: #e0c3a3
- Terrakotta: #c2703d
- Rust: #8b4a2b
- Bark: #3d2b1f

**Ørkenleire.** Varm og solfylt. Passer keramikk, interiør og reiseliv.

- Lys salvie: #eef0e5
- Salvie: #9caf88
- Oliven: #6b7046
- Mose: #4a4a2f
- Skogblekk: #1f2416

**Olivenlund.** Grønnpreget og avslappende. Passer velvære, mat og hagebruk.

- Skjell: #f5efe6
- Sand: #e7d8c3
- Drivved: #a8a196
- Havstein: #5f6b6d
- Skifer: #2e3335

**Kystsand.** Kjøligere og luftig. Passer hoteller, hudpleie og arkitektur.

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

**Høstinnhøsting.** Fyldig og gyllen. Passer bakerier, kaffe og sesongkampanjer.

- Rispapir: #ece6dc
- Havre: #c9bba5
- Taupe: #8c7b67
- Valnøtt: #5b5246
- Kull: #262320

**Rolig nøytral.** Nesten fargeløs, svært rolig. Passer Japandi-interiør, møbler og redaksjonelle oppsett.

- Rosa leire: #f4e9df
- Adobe: #d9a38a
- Tegl: #b4644a
- Oksid: #7a3b2e
- Kakao: #3a1f19

**Terrakottastudio.** Rosapreget og myk. Passer blomsterbutikker, lys og bohemerker.

- Dis: #d8cfc0
- Lav: #6b6250
- Torv: #4a3b2c
- Jord: #2a2119
- Nattjord: #14100c

**Mørk jord.** Stemningsfull og eksklusiv. Passer whisky, skinn, friluftsutstyr og herreklær.

- Benhvit: #f3ece2
- Kamel: #d9c3a5
- Oliven: #6b7046
- Dyp blågrønn: #2f5d62
- Bark: #3d2b1f

**Jord med en aksent.** Dyp blågrønn løfter hele settet uten å bryte stemningen.

## Slik balanserer du en jordfargepalett

Jordtoner deler lav metning, så lysheten må gjøre jobben metningen vanligvis gjør. Er alle fargene mellomtoner, blir designet flatt og grumsete. Fordel dem på lyst, middels og mørkt, og gi dem roller med [60 30 10-regelen](https://gradiently.design/nb/guide/60-30-10-rule).

| Rolle | Andel | Eksempel med Ørkenleire |
| --- | --- | --- |
| Bakgrunn | Omtrent 60% | Benhvit `#f3ece2` |
| Støtte | Omtrent 30% | Sanddyne `#e0c3a3` og rust `#8b4a2b` |
| Aksent | Omtrent 10% | Terrakotta `#c2703d` |
| Tekst | Etter behov | Bark `#3d2b1f` |

Én palett fordelt på roller. Aksenten får oppmerksomhet fordi det er så lite av den.

> **Legg til én sterkere tone** Brent oransje, sennep eller dyp blågrønn med litt høyere metning enn resten gir øyet et sted å lande. Uten den kan en jordpalett føles søvnig.

### Vanlige feil med jordtoner

- **Fem beiger på rad.** Farger med samme lyshet flyter sammen; ha minst én svært lys og én svært mørk.
- **Helt svart tekst.** Den virker kald mot varme bruntoner. Bruk espresso eller bark i stedet.
- **Varme og kalde bruntoner blandet.** Rosa terrakotta ved grå taupe virker tilfeldig. Hold undertonene enhetlige.
- **For mange aksenter.** Én sterk tone løfter paletten; tre gjør den til en helt annen palett.

## Gradienter i jordtoner

Jordtoner blandes lett fordi de allerede er nær hverandre i metning, så faren for grått midtparti er liten. Hold lyskilden myk og legg til korn, som passer materialfølelsen i disse fargene. [Brune gradienter](https://gradiently.design/nb/guide/brown-gradient) og [beige gradienter](https://gradiently.design/nb/guide/beige-gradient) går dypere inn i hver familie.

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

Fire jordgradienter bygget fra palettene over.

## Tekstfarger på jordtoner

Rent svart og hvitt kan virke hardt ved så myke farger. Bruk svært mørkt brunt til tekst på lyse bakgrunner og varm krem på mørke; hvitt fungerer fortsatt på dypere mellomtoner som sienna og oliven. Forholdene bruker WCAG-formelen, der 4,5:1 er det vanlige målet for liten tekst; [fargekontrast](https://gradiently.design/nb/guide/color-contrast-accessibility) forklarer det.

| Bakgrunn | Tekst | Kontrast | Vurdering |
| --- | --- | --- | --- |
| Benhvit `#f3ece2` | Bark `#3d2b1f` | 11,5:1 | Utmerket |
| Sand `#e7d8c3` | Bark `#3d2b1f` | 9,6:1 | Utmerket |
| Terrakotta `#c2703d` | Hvitt | 3,7:1 | Bare store overskrifter |
| Sienna `#a0522d` | Hvitt | 5,6:1 | God |
| Oliven `#6b7046` | Hvitt | 5,2:1 | God |
| Bark `#3d2b1f` | Sand `#e7d8c3` | 9,6:1 | Utmerket |

Terrakotta og oker er lysere enn de ser ut, så sjekk hvit tekst nøye på dem.

Et stående innlegg for en keramikkbutikk med mørkebrun skrift på varm bakgrunn fra benhvit til terrakotta

Et innlegg fra en keramikkbutikk i Ørkenleire, med barkbrun skrift.

Et kvadratisk kaffebrenneriinnlegg med sandfarget skrift på mørk jordbrun bakgrunn

Et kaffebrenneriinnlegg i Mørk jord, med sandfarget skrift.

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

Ørkenleire-paletten som egendefinerte egenskaper. Benhvit på rust består for knappetekst; bark på terrakotta når bare rundt 3,6:1, så bruk det bare til store, fete etiketter.

Jordpaletter overlapper med [høstpaletter](https://gradiently.design/nb/guide/autumn-color-palettes), [dempede fargepaletter](https://gradiently.design/nb/guide/muted-color-palettes) og [Japandi-farger](https://gradiently.design/nb/guide/japandi-colors), så lån fra dem når du har en base. Vil du ha en jordbakgrunn med ekte materialpreg, kombinerer Markene i Gradiently farger med materialer, korn og lys. Designer kan sette opp innlegg med Marken din fra en kort beskrivelse.

## FAQ

### Hvilke farger er jordtoner?

Dempede, stort sett varme farger fra naturmaterialer: brunt, beige, sand, terrakotta, rust, oker, oliven, salvie, mose og varme gråtoner.

### Hva er noen hekskoder for jordfarger?

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

### Hvilken farge passer til jordtoner?

Dyp blågrønn, brent oransje eller sennep brukt som en liten aksent. Varm krem og mørk espresso fungerer som lys og mørk ende.

### Hvordan hindrer jeg at en jordpalett blir kjedelig?

Fordel fargene på lyse, middels og mørke verdier, og legg til én litt mer mettet aksent på omtrent en tidel av designet.

### Er jordtoner gode til profilering?

Ja, for merkevarer som vil føles rolige, naturlige og tillitvekkende, som innen interiør, mat, velvære, friluftsliv og håndverk.