PALETTE DOCUMENTÉE

Brume minérale

Des gris bleutés et des blancs cassés pour une profondeur silencieuse.

#BEC8C6Base

#94A4A4Secondaire

#6B7B7DTransition

#D9D4C8Accent

#F0EBE1Lumière

LOGIQUE D’HARMONIE

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

Des gris bleutés et des blancs cassés pour une profondeur silencieuse. L’accord reste cohérent quand chaque teinte reçoit un rôle : fond, surface dominante, transition, accent ou contraste.

Répartition conseillée

45 % blanc cassé · 30 % gris brume · 15 % bleu minéral · 10 % graphite. 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#BEC8C6Noir 12.27:1Blanc 1.71:1Texte noir adapté au corps courant

Secondaire#94A4A4Noir 8.11:1Blanc 2.59:1Texte noir adapté au corps courant

Transition#6B7B7DNoir 4.75:1Blanc 4.42:1Texte noir adapté au corps courant

Accent#D9D4C8Noir 14.20:1Blanc 1.48:1Texte noir adapté au corps courant

Lumière#F0EBE1Noir 17.68:1Blanc 1.19:1Texte noir 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-brume-minerale-1: #BEC8C6;
  --palette-brume-minerale-2: #94A4A4;
  --palette-brume-minerale-3: #6B7B7D;
  --palette-brume-minerale-4: #D9D4C8;
  --palette-brume-minerale-5: #F0EBE1;
}

Applications pertinentes

Interfaces calmes, architecture, cosmétique et communication institutionnelle.