Palettes de couleurs terre : codes ancrés à copier

Une palette de couleurs terre se construit à partir des couleurs chaudes et atténuées des matériaux naturels : le sable #e7d8c3, l’argile #c2703d, la sienne #a0522d, l’olive #6b7046, l’écorce #3d2b1f et les crèmes, ocres et gris qui les entourent. Ces couleurs paraissent calmes et sincères parce qu’on les voit dans la terre, la pierre, le bois et l’herbe sèche. Le secret est l’amplitude. Une bonne palette terreuse comprend toujours un fond pâle, un ou deux tons moyens et un sombre profond, sinon elle devient un seul flou beige. Voici huit palettes aux codes à copier.

Ce qui compte comme un ton terre

Les tons terre sont moins saturés que les couleurs d’un cercle chromatique standard et se situent surtout dans la moitié chaude : des rouges devenus rouille, des oranges devenus argile, des jaunes devenus ocre, des verts devenus olive et sauge. Beaucoup portent le nom de vrais pigments, comme la sienne et la terre d’ombre, d’abord fabriqués à partir de terre colorée.

Huit palettes de couleurs terre

Chaque palette liste les couleurs de la plus claire à la plus foncée. Utilisez la première en fond, celles du milieu pour les formes et les images, et la dernière pour le texte.

Comment équilibrer une palette de tons terre

Les tons terre partagent une faible saturation : la clarté doit donc faire le travail que fait d’ordinaire la saturation. Si toutes vos couleurs sont des tons moyens, le design paraît plat et boueux. Répartissez-les entre clair, moyen et sombre, puis attribuez-les avec la règle 60 30 10.

Erreurs courantes avec les tons terre

• Cinq beiges à la suite. Les couleurs de même clarté se confondent ; gardez au moins une couleur très claire et une très foncée.
• Texte noir pur. Il paraît froid à côté de bruns chauds. Utilisez plutôt l’expresso ou l’écorce.
• Mélanger bruns chauds et froids. Un terracotta rosé à côté d’un taupe grisé paraît accidentel. Gardez des sous-tons cohérents.
• Trop d’accents. Une note vive relève la palette ; trois la transforment en une tout autre palette.

Dégradés de tons terre

Les tons terre se fondent facilement car ils sont déjà proches en saturation : le risque d’un milieu gris est donc faible. Gardez la source de lumière douce et ajoutez du grain, qui convient à l’aspect matière de ces couleurs. Les dégradés bruns et les dégradés beiges approfondissent chaque famille.

Couleurs de texte sur les tons terre

Le noir pur et le blanc pur peuvent paraître durs à côté de couleurs si douces. Utilisez un brun très foncé pour le texte sur fond clair et une crème chaude sur fond sombre ; le blanc fonctionne encore sur les tons moyens plus profonds comme la sienne et l’olive. Les rapports utilisent la formule WCAG, où 4,5:1 est la cible habituelle pour le petit texte ; le contraste des couleurs l’explique.

Palette de couleurs terre en 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%);
}

Les palettes terreuses recoupent les palettes de couleurs d’automne, les palettes de couleurs atténuées et les couleurs japandi : puisez-y donc une fois que vous avez une base. Si vous voulez un fond terreux avec une vraie matière, les Marks de Gradiently combinent couleur, matières, grain et lumière, et le Designer peut composer des publications dans votre Mark à partir d’une courte description.