Palette di colori terra: codici saldi da copiare

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.

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.

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.

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 e i gradienti beige approfondiscono ciascuna famiglia.

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 lo spiega.

Palette di colori terra come variabili 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%);
}

Le palette naturali si sovrappongono a palette autunnali, palette di colori tenui e colori Japandi, 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.