Paleta de colores tierra: códigos sólidos para copiar

Una paleta de colores tierra se construye con los colores cálidos y apagados de los materiales naturales: arena #e7d8c3, arcilla #c2703d, siena #a0522d, oliva #6b7046, corteza #3d2b1f y los cremas, ocres y grises que los rodean. Estos colores transmiten calma y honestidad porque los vemos en la tierra, la piedra, la madera y la hierba seca. El truco es el rango. Una buena paleta terrosa siempre incluye un fondo pálido, uno o dos tonos medios y un oscuro profundo; si no, se convierte en una única mancha beige. Abajo tienes ocho paletas con códigos que puedes copiar.

Qué se considera un color tierra

Los colores tierra tienen menos saturación que los del círculo cromático estándar y se sitúan sobre todo en la mitad cálida: rojos vueltos óxido, naranjas vueltos arcilla, amarillos vueltos ocre, verdes vueltos oliva y salvia. Muchos llevan el nombre de pigmentos reales, como la siena y la sombra, que originalmente se hacían con tierra de colores.

Ocho paletas de colores tierra

Cada paleta enumera los colores del más claro al más oscuro. Usa el primero como fondo, los intermedios para formas e imágenes y el último para el texto.

Cómo equilibrar una paleta de colores tierra

Los colores tierra comparten una saturación baja, así que la luminosidad tiene que hacer el trabajo que suele hacer la saturación. Si todos tus colores son tonos medios, el diseño se ve plano y turbio. Repártelos entre claro, medio y oscuro, y luego asígnalos con la regla 60 30 10.

Errores comunes con los colores tierra

• Cinco beiges seguidos. Los colores de la misma luminosidad se funden; mantén al menos uno muy claro y uno muy oscuro.
• Texto negro puro. Se ve frío junto a marrones cálidos. Usa espresso o corteza.
• Mezclar marrones cálidos y fríos. Una terracota rosada junto a un topo grisáceo parece accidental. Mantén coherentes los subtonos.
• Demasiados acentos. Una nota viva eleva la paleta; tres la convierten en otra paleta distinta.

Degradados de colores tierra

Los colores tierra se mezclan con facilidad porque ya están cerca en saturación, así que hay poco riesgo de un centro gris. Mantén la fuente de luz suave y añade grano, que va con la sensación de material de estos colores. Degradados marrones y degradados beige profundizan en cada familia.

Colores de texto sobre colores tierra

El negro puro y el blanco puro pueden resultar duros junto a colores tan suaves. Usa un marrón muy oscuro para el texto sobre fondos claros y un crema cálido sobre los oscuros; el blanco sigue funcionando sobre los tonos medios más profundos como siena y oliva. Los ratios usan la fórmula WCAG, donde 4,5:1 es el objetivo habitual para texto pequeño; el contraste de color lo explica.

Paleta de colores tierra como variables 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%);
}

Las paletas terrosas se solapan con las paletas de colores de otoño, las paletas de colores apagados y los colores Japandi, así que toma prestado de ellas cuando tengas una base. Si quieres un fondo terroso con material de verdad, los Marks de Gradiently combinan color con materiales, grano y luz, y el Designer puede maquetar publicaciones con tu Mark a partir de una descripción breve.