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

CONTRASTES INTERNES CALCULÉS

Quels aplats peuvent porter une hiérarchie lisible ?

Pour Rivages nordiques, 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
Base `#203741`	Lumière `#ECEBE5`	10.44:1
Base `#203741`	Accent `#C3D0D0`	7.87:1
Secondaire `#315D6D`	Lumière `#ECEBE5`	6.03:1
Secondaire `#315D6D`	Accent `#C3D0D0`	4.54:1

5 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

Projets éditoriaux, tourisme ou habitat recherchant fraîcheur, distance et netteté.

Ajustement prioritaire

Garder le bleu dense pour les titres et introduire le ton sable pour réchauffer les grandes surfaces.

À éviter

Éviter les superpositions bleu moyen sur gris clair lorsque l’information doit être lue rapidement.

Applications pertinentes

Technologie responsable, tourisme, architecture et design produit.