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;
}

CONTRASTES INTERNES CALCULÉS

Quels aplats peuvent porter une hiérarchie lisible ?

Pour Brume minérale, le tableau isole les quatre écarts de luminance les plus forts parmi les dix couples. Il aide à choisir un fond et un premier plan avant le test avec la taille, la graisse et le contenu réels.

Premier rôle	Second rôle	Ratio
Transition `#6B7B7D`	Lumière `#F0EBE1`	3.72:1
Transition `#6B7B7D`	Accent `#D9D4C8`	2.99:1
Base `#BEC8C6`	Transition `#6B7B7D`	2.58:1
Secondaire `#94A4A4`	Lumière `#F0EBE1`	2.18:1

9 couples sur 10 reste sous 3:1. Ce calcul sRGB ne valide ni une interface complète, ni un état de composant, ni un rendu imprimé.

ARBITRAGE DE PALETTE

Quand l’utiliser et comment l’adapter

Usage cohérent

Interfaces calmes, édition ou espaces où les textures et la typographie doivent porter la hiérarchie.

Ajustement prioritaire

Augmenter l’écart de clarté entre surface et texte avant d’ajouter une nouvelle teinte.

À éviter

Éviter d’utiliser plusieurs gris bleutés proches pour coder des états différents.

Applications pertinentes

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