# Maanläheiset väripaletit: kopioitavat värikoodit

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

Maanläheiset sävyt ovat saven, hiekan, kaarnan, sammalen ja kiven värejä. Ne tuntuvat rauhallisilta, aidoilta ja lämpimiltä, mutta muuttuvat helposti latteiksi. Näiden kahdeksan paletin koodit pysyvät elävinä.

## The short version

- Maanläheinen väripaletti käyttää luonnonmateriaalien hillittyjä sävyjä: ruskeaa, hiekanväriä, savea, terrakottaa, okraa, oliivia, sammalta ja lämpimiä harmaita.
- Maanläheiset värit tuntuvat rauhallisilta, lämpimiltä ja luotettavilta. Siksi niitä käytetään sisustus-, ruoka-, hyvinvointi-, ulkoilu- ja käsityöbrändeissä.
- Samanvaaleat sävyt tekevät paletista lattean. Lisää vaalea pohja, keskisävy ja hyvin tumma ruskea tai oliivi.
- Yksi kirkkaampi korostus, kuten poltettu oranssi, okra tai syvä sinivihreä, estää palettia tuntumasta tylsältä.
- Tumma espresso tai kaarnanruskea on varmin teksti vaaleilla maanväreillä, lämmin kerma toimii tummilla.

**Maanläheiset väripaletit** rakentuvat luonnonmateriaalien hillityistä, lämpimistä väreistä: hiekka `#e7d8c3`, savi `#c2703d`, sienna `#a0522d`, oliivi `#6b7046`, kaarna `#3d2b1f` sekä niiden ympärillä kerma, okra ja harmaat. Maasta, kivestä, puusta ja kuivasta ruohosta tutut värit tuntuvat rauhallisilta ja aidoilta. Avain on vaihteluväli: vaalea pohja, yksi tai kaksi keskisävyä ja syvä tumma. Muuten tulos on yksi beige sumu. Alla kahdeksan kopioitavaa palettia.

## Mitkä ovat maanläheisiä sävyjä

Maanläheiset sävyt ovat tavallista väripyörää vähemmän kylläisiä ja enimmäkseen lämpimällä puoliskolla: punainen muuttuu ruosteeksi, oranssi saveksi, keltainen okraksi ja vihreä oliiviksi tai salviaksi. Monet on nimetty oikeiden pigmenttien, kuten siennan ja umbran, mukaan. Ne valmistettiin alun perin värillisestä maa-aineksesta.

| Väri | Heksakoodi | Löytyy | Tunnelma |
| --- | --- | --- | --- |
| Hiekka | `#e7d8c3` | Rannat, rappaus, pellava | Vaalea, rauhallinen |
| Okra | `#c8963e` | Savipigmentti, kuiva ruoho | Aurinkoinen, ikääntynyt |
| Terrakotta | `#c2703d` | Poltettu savi, laatat | Lämmin, käsintehty |
| Sienna | `#a0522d` | Rautapitoinen maa | Täyteläinen, maanläheinen |
| Oliivi | `#6b7046` | Oliivinlehdet, jäkälä | Vakaa, kypsä |
| Salvia | `#9caf88` | Kuivatut yrtit | Pehmeä, levollinen |
| Kivi | `#a8a196` | Graniitti, liuskekivi | Hiljainen, neutraali |
| Kaarna | `#3d2b1f` | Puunkuori, kahvi | Vankka, luotettava |

Kahdeksan maanläheistä perussävyä. Useimmat alla olevat paletit yhdistävät kolmesta viiteen niistä.

## Kahdeksan maanläheistä väripalettia

Jokainen paletti etenee vaaleimmasta tummimpaan. Käytä ensimmäistä taustaan, keskimmäisiä muotoihin ja kuviin sekä viimeistä tekstiin.

- Luu: #f3ece2
- Dyyni: #e0c3a3
- Terrakotta: #c2703d
- Ruoste: #8b4a2b
- Kaarna: #3d2b1f

**Aavikon savi.** Lämmin ja auringon valaisema. Sopii keramiikkaan, sisustukseen ja matkailuun.

- Vaalea salvia: #eef0e5
- Salvia: #9caf88
- Oliivi: #6b7046
- Sammal: #4a4a2f
- Metsämuste: #1f2416

**Oliivilehto.** Vihertävä ja levollinen. Sopii hyvinvointiin, ruokaan ja puutarhaan.

- Simpukka: #f5efe6
- Hiekka: #e7d8c3
- Ajopuu: #a8a196
- Merikivi: #5f6b6d
- Liuskekivi: #2e3335

**Rantahiekka.** Viileämpi ja ilmava. Sopii hotelleihin, ihonhoitoon ja arkkitehtuuriin.

- Olki: #f1e4c8
- Okra: #c8963e
- Sienna: #a0522d
- Umbra: #6b3e26
- Espresso: #2b1d14

**Syksyn sato.** Täyteläinen ja kultainen. Sopii leipomoihin, kahviin ja kausikampanjoihin.

- Riisipaperi: #ece6dc
- Kaura: #c9bba5
- Taupe: #8c7b67
- Pähkinäpuu: #5b5246
- Hiili: #262320

**Hiljainen neutraali.** Lähes väritön, hyvin rauhallinen. Sopii japandi-sisustukseen, huonekaluihin ja toimituksellisiin asetteluihin.

- Roosasavi: #f4e9df
- Savitiili: #d9a38a
- Tiili: #b4644a
- Oksidi: #7a3b2e
- Kaakao: #3a1f19

**Terrakottastudio.** Pinkkiin kallistuva ja pehmeä. Sopii kukkakaupoille, kynttilöille ja boheemeille brändeille.

- Sumu: #d8cfc0
- Jäkälä: #6b6250
- Turve: #4a3b2c
- Multa: #2a2119
- Yömaa: #14100c

**Tumma maa.** Tunnelmallinen ja laadukas. Sopii viskiin, nahkaan, ulkoiluvarusteisiin ja miestenvaatteisiin.

- Luu: #f3ece2
- Kamelinruskea: #d9c3a5
- Oliivi: #6b7046
- Syvä sinivihreä: #2f5d62
- Kaarna: #3d2b1f

**Maa ja korostus.** Syvä sinivihreä nostaa kokonaisuutta tunnelmaa rikkomatta.

## Maanläheisen paletin tasapainotus

Maanvärit ovat vähän kylläisiä, joten vaaleus tekee kylläisyyden tavallisen työn. Pelkät keskisävyt tekevät kuvasta lattean ja samean. Jaa värit vaaleisiin, keskisävyihin ja tummiin ja sijoita ne [60 30 10 -säännöllä](https://gradiently.design/fi/guide/60-30-10-rule).

| Rooli | Osuus | Aavikon savi -esimerkki |
| --- | --- | --- |
| Pohja | Noin 60% | Luu `#f3ece2` |
| Tuki | Noin 30% | Dyyni `#e0c3a3` ja Ruoste `#8b4a2b` |
| Korostus | Noin 10% | Terrakotta `#c2703d` |
| Teksti | Tarpeen mukaan | Kaarna `#3d2b1f` |

Yksi paletti rooleihin jaettuna. Korostus saa huomiota, koska sitä on vähän.

> **Lisää yksi kirkkaampi sävy** Poltettu oranssi, sinappi tai syvä sinivihreä hieman muita kylläisempänä antaa katseelle kohteen. Ilman sitä maanläheinen paletti voi tuntua uneliaalta.

### Tavalliset maanvärien virheet

- **Viisi beigeä peräkkäin.** Samanvaaleat värit sulautuvat. Pidä vähintään yksi hyvin vaalea ja yksi hyvin tumma.
- **Puhdas musta teksti.** Se näyttää kylmältä lämpimillä ruskeilla. Käytä espressoa tai kaarnaa.
- **Lämpimät ja viileät ruskeat sekaisin.** Pinkki terrakotta harmaan taupen vieressä näyttää sattumalta. Pidä pohjasävyt yhtenäisinä.
- **Liian monta korostusta.** Yksi kirkas sävy nostaa palettia, kolme muuttaa sen kokonaan toiseksi.

## Maanläheiset liukuvärit

Maanvärit sekoittuvat helposti, koska kylläisyys on jo läheinen. Harmaan keskikohdan riski on pieni. Pidä valo pehmeänä ja lisää rakeisuutta, joka sopii materiaaliseen tunnelmaan. [Ruskeat liukuvärit](https://gradiently.design/fi/guide/brown-gradient) ja [beiget liukuvärit](https://gradiently.design/fi/guide/beige-gradient) käsittelevät perheitä tarkemmin.

- Luusta terrakottaan: `linear-gradient(160deg, #f3ece2 0%, #e0c3a3 50%, #c2703d 100%)`
- Oliivivarjo: `radial-gradient(circle at 75% 25%, #9caf88 0%, #6b7046 45%, #2a2a1a 100%)`
- Sato: `linear-gradient(180deg, #f1e4c8 0%, #c8963e 55%, #6b3e26 100%)`
- Hiillos mullassa: `radial-gradient(ellipse at 30% 110%, #b4644a 0%, #4a3b2c 45%, #14100c 90%)`

Neljä maanläheistä liukuväriä yllä olevista paleteista.

## Tekstivärit maanläheisillä sävyillä

Puhdas musta ja valkoinen voivat näyttää kovilta näin pehmeiden värien rinnalla. Käytä tummanruskeaa vaaleilla pohjilla ja lämmintä kermaa tummilla. Valkoinen toimii syvemmillä keskisävyillä, kuten siennalla ja oliivilla. Suhteet käyttävät WCAG-kaavaa, jossa 4,5:1 on pienen tekstin tavallinen tavoite. [Värikontrasti](https://gradiently.design/fi/guide/color-contrast-accessibility) selittää sen.

| Tausta | Teksti | Kontrasti | Arvio |
| --- | --- | --- | --- |
| Luu `#f3ece2` | Kaarna `#3d2b1f` | 11,5:1 | Erinomainen |
| Hiekka `#e7d8c3` | Kaarna `#3d2b1f` | 9,6:1 | Erinomainen |
| Terrakotta `#c2703d` | Valkoinen | 3,7:1 | Vain suuret otsikot |
| Sienna `#a0522d` | Valkoinen | 5,6:1 | Hyvä |
| Oliivi `#6b7046` | Valkoinen | 5,2:1 | Hyvä |
| Kaarna `#3d2b1f` | Hiekka `#e7d8c3` | 9,6:1 | Erinomainen |

Terrakotta ja okra ovat vaaleampia kuin näyttävät. Tarkista valkoinen teksti niillä huolellisesti.

Keramiikkakaupan pystyjulkaisu tummanruskealla tekstillä lämpimällä luusta terrakottaan vaihtuvalla taustalla

Keramiikkakaupan julkaisu aavikon savessa, kaarnanruskea teksti.

Kahvipaahtimon neliöjulkaisu hiekanvärisellä tekstillä tummalla mullanruskealla taustalla

Kahvipaahtimon julkaisu tummassa maassa, hiekanvärinen teksti.

## Maanläheinen paletti CSS-muuttujina

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

Aavikon savi -paletti mukautettuina ominaisuuksina. Luu ruosteella sopii painiketekstiin. Kaarna terrakotalla yltää vain noin 3,6:1:een, joten käytä sitä suurissa lihavoiduissa merkeissä.

Maanläheiset paletit limittyvät [syksyn väripalettien](https://gradiently.design/fi/guide/autumn-color-palettes), [hillittyjen palettien](https://gradiently.design/fi/guide/muted-color-palettes) ja [japandi-värien](https://gradiently.design/fi/guide/japandi-colors) kanssa. Lainaa niistä pohjan valmistuttua. Jos haluat maanläheiseen taustaan oikeaa materiaalia, Gradientlyn Markit yhdistävät värin materiaaleihin, rakeisuuteen ja valoon. Designer asettelee julkaisut Markillesi lyhyestä kuvauksesta.

## FAQ

### Mitkä värit ovat maanläheisiä?

Hillityt, enimmäkseen lämpimät luonnonmateriaalien värit: ruskea, hiekka, beige, terrakotta, ruoste, okra, oliivi, salvia, sammal ja lämpimät harmaat.

### Mitkä ovat maanvärien heksakoodeja?

Hiekka `#e7d8c3`, okra `#c8963e`, terrakotta `#c2703d`, sienna `#a0522d`, oliivi `#6b7046`, salvia `#9caf88` ja kaarna `#3d2b1f` ovat hyvä alku.

### Mikä väri sopii maanläheisiin sävyihin?

Syvä sinivihreä, poltettu oranssi tai sinappi pienenä korostuksena. Lämmin kerma ja tumma espresso toimivat vaaleana ja tummana ääripäänä.

### Miten vältän tylsän maanläheisen paletin?

Jaa värit vaaleisiin, keskisävyihin ja tummiin. Lisää yksi hieman kylläisempi korostus noin kymmenesosaan kuvasta.

### Sopivatko maanvärit brändäykseen?

Kyllä, jos tavoitteena on rauhallinen, luonnollinen ja luotettava tunnelma, kuten sisustus-, ruoka-, hyvinvointi-, ulkoilu- ja käsityöyrityksissä.