# Palette di colori terra: codici saldi da copiare

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

I colori terra sono quelli di argilla, sabbia, corteccia, muschio e pietra. Danno calma, sincerità e calore, e si appiattiscono con sorprendente facilità. Ecco otto palette con codici che restano vivi.

## The short version

- Una palette di colori terra usa i toni spenti dei materiali naturali: marroni, fulvi, sabbia, argilla, terracotta, ocra, oliva, muschio e grigi caldi.
- I colori terra comunicano calma, calore e fiducia, per questo sono frequenti in interni, cibo, benessere, outdoor e marchi artigianali.
- Le palette terra risultano piatte quando tutti i colori hanno la stessa luminosità, quindi serve un fondo chiaro, un tono medio e un marrone o un oliva molto scuro.
- Un solo accento più vivace, come arancio bruciato, ocra o un petrolio profondo, evita che una palette naturale diventi spenta.
- Il marrone espresso o corteccia è il colore di testo più affidabile sui toni terra chiari, e il crema caldo si legge bene su quelli scuri.

Una **palette di colori terra** nasce dai toni caldi e spenti dei materiali naturali: sabbia `#e7d8c3`, argilla `#c2703d`, terra di Siena `#a0522d`, oliva `#6b7046`, corteccia `#3d2b1f` e i crema, gli ocra e i grigi che li accompagnano. Questi colori sembrano calmi e sinceri perché li vediamo nel suolo, nella pietra, nel legno e nell’erba secca. Il segreto è l’ampiezza. Una buona palette naturale ha sempre un fondo chiaro, uno o due toni medi e uno scuro profondo, altrimenti diventa un unico sfocato beige. Ecco otto palette con i codici da copiare.

## Che cosa sono i colori terra

I colori terra hanno una saturazione più bassa di quelli del cerchio cromatico standard e si trovano soprattutto nella metà calda: i rossi diventano ruggine, gli arancioni argilla, i gialli ocra, i verdi oliva e salvia. Molti prendono il nome da pigmenti reali, come siena e terra d’ombra, in origine ricavati da terre colorate.

| Colore | Hex | Si trova in | Sensazione |
| --- | --- | --- | --- |
| Sabbia | `#e7d8c3` | Spiagge, intonaco, lino | Leggera, calma |
| Ocra | `#c8963e` | Pigmento d’argilla, erba secca | Solare, antica |
| Terracotta | `#c2703d` | Argilla cotta, tegole | Calda, fatta a mano |
| Siena | `#a0522d` | Terreno ricco di ferro | Intensa, terrosa |
| Oliva | `#6b7046` | Foglie d’ulivo, licheni | Salda, matura |
| Salvia | `#9caf88` | Erbe essiccate | Morbida, rilassante |
| Pietra | `#a8a196` | Granito, ardesia | Quieta, neutra |
| Corteccia | `#3d2b1f` | Corteccia, caffè | Solida, affidabile |

Otto colori terra di base. La maggior parte delle palette qui sotto ne usa da tre a cinque.

## Otto palette di colori terra

Ogni palette elenca i colori dal più chiaro al più scuro. Usa il primo come sfondo, quelli di mezzo per forme e immagini, l’ultimo per il testo.

- Osso: #f3ece2
- Duna: #e0c3a3
- Terracotta: #c2703d
- Ruggine: #8b4a2b
- Corteccia: #3d2b1f

**Argilla del deserto.** Calda e assolata. Adatta a ceramiche, interni e viaggi.

- Salvia pallida: #eef0e5
- Salvia: #9caf88
- Oliva: #6b7046
- Muschio: #4a4a2f
- Inchiostro di bosco: #1f2416

**Oliveto.** Verdeggiante e rilassante. Adatta a benessere, cibo e giardinaggio.

- Conchiglia: #f5efe6
- Sabbia: #e7d8c3
- Legno di mare: #a8a196
- Pietra marina: #5f6b6d
- Ardesia: #2e3335

**Sabbia costiera.** Più fredda e leggera. Adatta a hotel, skincare e architettura.

- Paglia: #f1e4c8
- Ocra: #c8963e
- Siena: #a0522d
- Terra d’ombra: #6b3e26
- Espresso: #2b1d14

**Raccolto d’autunno.** Ricca e dorata. Adatta a forni, caffè e campagne stagionali.

- Carta di riso: #ece6dc
- Avena: #c9bba5
- Tortora: #8c7b67
- Noce: #5b5246
- Carbone: #262320

**Neutro quieto.** Quasi senza colore, molto calma. Adatta a interni Japandi, mobili e impaginati editoriali.

- Argilla rosata: #f4e9df
- Adobe: #d9a38a
- Mattone: #b4644a
- Ossido: #7a3b2e
- Cacao: #3a1f19

**Atelier di terracotta.** Rosata e morbida. Adatta a fioristi, candele e marchi boho.

- Foschia: #d8cfc0
- Lichene: #6b6250
- Torba: #4a3b2c
- Suolo: #2a2119
- Terra di notte: #14100c

**Terra scura.** Intensa e premium. Adatta a whisky, pelletteria, attrezzatura outdoor e moda uomo.

- Osso: #f3ece2
- Cammello: #d9c3a5
- Oliva: #6b7046
- Petrolio profondo: #2f5d62
- Corteccia: #3d2b1f

**Terra con un accento.** Un petrolio profondo solleva tutto l’insieme senza spezzare l’atmosfera.

## Come bilanciare una palette di colori terra

I colori terra hanno tutti poca saturazione, quindi tocca alla luminosità fare il lavoro che di solito fa la saturazione. Se tutti i colori sono toni medi, il design appare piatto e fangoso. Distribuiscili tra chiari, medi e scuri, poi assegnali con la [regola 60 30 10](https://gradiently.design/it/guide/60-30-10-rule).

| Ruolo | Quota | Esempio argilla del deserto |
| --- | --- | --- |
| Fondo | Circa 60% | Osso `#f3ece2` |
| Supporto | Circa 30% | Duna `#e0c3a3` e Ruggine `#8b4a2b` |
| Accento | Circa 10% | Terracotta `#c2703d` |
| Testo | Secondo necessità | Corteccia `#3d2b1f` |

Una palette assegnata ai ruoli. L’accento attira l’attenzione proprio perché ce n’è così poco.

> **Aggiungi una nota più vivace** Un arancio bruciato, una senape o un petrolio profondo con una saturazione leggermente più alta del resto danno all’occhio un punto dove posarsi. Senza, una palette naturale può sembrare assopita.

### Errori comuni con i colori terra

- **Cinque beige di fila.** I colori con la stessa luminosità si fondono: tieni almeno uno molto chiaro e uno molto scuro.
- **Testo nero puro.** Sembra freddo accanto ai marroni caldi. Usa espresso o corteccia.
- **Mescolare marroni caldi e freddi.** Una terracotta rosata accanto a un tortora grigio sembra casuale. Mantieni coerenti i sottotoni.
- **Troppi accenti.** Una nota vivace solleva la palette; tre la trasformano in un’altra palette.

## Sfumature con i colori terra

I colori terra si fondono con facilità perché hanno già una saturazione simile, quindi c’è poco rischio di un centro grigio. Tieni la luce morbida e aggiungi grana, che si sposa con la sensazione materica di questi colori. I [gradienti marroni](https://gradiently.design/it/guide/brown-gradient) e i [gradienti beige](https://gradiently.design/it/guide/beige-gradient) approfondiscono ciascuna famiglia.

- Dall’osso alla terracotta: `linear-gradient(160deg, #f3ece2 0%, #e0c3a3 50%, #c2703d 100%)`
- Ombra d’oliva: `radial-gradient(circle at 75% 25%, #9caf88 0%, #6b7046 45%, #2a2a1a 100%)`
- Raccolto: `linear-gradient(180deg, #f1e4c8 0%, #c8963e 55%, #6b3e26 100%)`
- Braci nel suolo: `radial-gradient(ellipse at 30% 110%, #b4644a 0%, #4a3b2c 45%, #14100c 90%)`

Quattro sfumature naturali costruite con le palette qui sopra.

## Colori del testo sui toni terra

Il nero puro e il bianco puro possono sembrare duri accanto a colori così morbidi. Usa un marrone molto scuro per il testo su fondi chiari e un crema caldo su quelli scuri; il bianco funziona ancora sui toni medi più profondi come siena e oliva. I rapporti usano la formula WCAG, dove 4,5:1 è l’obiettivo abituale per il testo piccolo; il [contrasto dei colori](https://gradiently.design/it/guide/color-contrast-accessibility) lo spiega.

| Sfondo | Testo | Contrasto | Giudizio |
| --- | --- | --- | --- |
| Osso `#f3ece2` | Corteccia `#3d2b1f` | 11,5:1 | Eccellente |
| Sabbia `#e7d8c3` | Corteccia `#3d2b1f` | 9,6:1 | Eccellente |
| Terracotta `#c2703d` | Bianco | 3,7:1 | Solo titoli grandi |
| Siena `#a0522d` | Bianco | 5,6:1 | Buono |
| Oliva `#6b7046` | Bianco | 5,2:1 | Buono |
| Corteccia `#3d2b1f` | Sabbia `#e7d8c3` | 9,6:1 | Eccellente |

Terracotta e ocra sono più chiare di quanto sembrino: controlla bene il testo bianco su di loro.

Un post verticale per un negozio di ceramiche con scritte marrone scuro su uno sfondo caldo dall’osso alla terracotta

Un post per un negozio di ceramiche in argilla del deserto, con testo marrone corteccia.

Un post quadrato per una torrefazione con scritte color sabbia su uno sfondo marrone terra scuro

Un post per una torrefazione in terra scura, con testo color sabbia.

## Palette di colori terra come variabili CSS

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

La palette argilla del deserto come proprietà personalizzate. Osso su ruggine funziona per le etichette dei pulsanti; corteccia su terracotta arriva solo a circa 3,6:1, quindi riservalo a tag grandi e in grassetto.

Le palette naturali si sovrappongono a [palette autunnali](https://gradiently.design/it/guide/autumn-color-palettes), [palette di colori tenui](https://gradiently.design/it/guide/muted-color-palettes) e [colori Japandi](https://gradiently.design/it/guide/japandi-colors), quindi attingi da lì una volta stabilita una base. Se vuoi uno sfondo naturale con una vera materia, i Mark di Gradiently uniscono colore, materiali, grana e luce, e il Designer può impaginare post nel tuo Mark partendo da una breve descrizione.

## FAQ

### Quali sono i colori terra?

Colori spenti, per lo più caldi, che vengono dai materiali naturali: marroni, fulvi, sabbia, beige, terracotta, ruggine, ocra, oliva, salvia, muschio e grigi caldi.

### Quali sono alcuni codici esadecimali dei colori terra?

Sabbia `#e7d8c3`, ocra `#c8963e`, terracotta `#c2703d`, siena `#a0522d`, oliva `#6b7046`, salvia `#9caf88` e corteccia `#3d2b1f` sono un buon set di partenza.

### Quale colore sta bene con i colori terra?

Un petrolio profondo, un arancio bruciato o una senape usati come piccolo accento. Il crema caldo e l’espresso scuro fanno da estremi chiaro e scuro.

### Come evito che una palette di colori terra sembri spenta?

Distribuisci i colori tra valori chiari, medi e scuri e aggiungi un accento leggermente più saturo usato in circa un decimo del design.

### I colori terra vanno bene per il branding?

Sì, per i marchi che vogliono trasmettere calma, naturalezza e fiducia, come interni, cibo, benessere, outdoor e attività artigianali.