PALETTE DOCUMENTÉE

Vert sauge & terre cuite

Un accord végétal et minéral, calme sans devenir froid.

#5F705FBase

#8C9A82Secondaire

#D7D3C8Transition

#C77855Accent

#7A4837Lumière

LOGIQUE D’HARMONIE

Une palette pensée en proportions, pas seulement en jolies nuances.

Un accord végétal et minéral, calme sans devenir froid. L’accord reste cohérent quand chaque teinte reçoit un rôle : fond, surface dominante, transition, accent ou contraste.

Répartition conseillée

50 % sauge · 25 % minéral clair · 15 % terre cuite · 10 % accent sombre. Cette base doit être adaptée à la lumière, au matériau, à la taille du support et au niveau de contraste requis.

Contraste avec le noir et le blanc

Les ratios ci-dessous sont calculés en sRGB selon la méthode de luminance relative. Ils concernent chaque aplat pris isolément ; vérifiez toujours les couples réellement utilisés.

Base#5F705FNoir 3.97:1Blanc 5.29:1Texte blanc adapté au corps courant

Secondaire#8C9A82Noir 7.06:1Blanc 2.97:1Texte noir adapté au corps courant

Transition#D7D3C8Noir 14.04:1Blanc 1.50:1Texte noir adapté au corps courant

Accent#C77855Noir 6.25:1Blanc 3.36:1Texte noir adapté au corps courant

Lumière#7A4837Noir 2.81:1Blanc 7.47:1Texte blanc adapté au corps courant

Variables CSS prêtes à intégrer

Le nom de variable décrit cette palette éditoriale. Renommez les tokens selon leur fonction réelle — fond, texte, action ou état — avant de les intégrer à un design system.

:root {
  --palette-vert-sauge-et-terracotta-1: #5F705F;
  --palette-vert-sauge-et-terracotta-2: #8C9A82;
  --palette-vert-sauge-et-terracotta-3: #D7D3C8;
  --palette-vert-sauge-et-terracotta-4: #C77855;
  --palette-vert-sauge-et-terracotta-5: #7A4837;
}

Applications pertinentes

Identité de marque, décoration, édition et packaging naturel.