PALETTE DOCUMENTÉE

Rivages nordiques

Des bleus rocheux et des gris clairs inspirés des horizons froids.

#203741Base

#315D6DSecondaire

#6F929BTransition

#C3D0D0Accent

#ECEBE5Lumière

LOGIQUE D’HARMONIE

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

Des bleus rocheux et des gris clairs inspirés des horizons froids. 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 % craie · 25 % brume · 20 % bleu fjord · 10 % encre. 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#203741Noir 1.68:1Blanc 12.47:1Texte blanc adapté au corps courant

Secondaire#315D6DNoir 2.92:1Blanc 7.20:1Texte blanc adapté au corps courant

Transition#6F929BNoir 6.26:1Blanc 3.35:1Texte noir adapté au corps courant

Accent#C3D0D0Noir 13.25:1Blanc 1.58:1Texte noir adapté au corps courant

Lumière#ECEBE5Noir 17.58: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-rivages-nordiques-1: #203741;
  --palette-rivages-nordiques-2: #315D6D;
  --palette-rivages-nordiques-3: #6F929B;
  --palette-rivages-nordiques-4: #C3D0D0;
  --palette-rivages-nordiques-5: #ECEBE5;
}

Applications pertinentes

Technologie responsable, tourisme, architecture et design produit.