ColorSeed

Analogique · 5 couleurs · 28 avril 2026

Depths & Loch

Créer une palette

Depths & Loch — une progression organique entre des teintes liées par le sang. La palette développe une fraîcheur minérale et apaisante et instaure un rythme mesuré entre profondeur et clarté. Un vocabulaire chromatique pour confiance et profondeur.

AnalogiqueBrandingJeu vidéoSombreMonochromeDégradé
#5C7FCCCouleur 1
RGB92 127 204HSL221 52 58
#5B6BA9Couleur 2
RGB91 107 169HSL228 31 51
#38338ECouleur 3
RGB56 51 142HSL243 47 38
#1A1146Couleur 4
RGB26 17 70HSL250 61 17
#12062DCouleur 5
RGB18 6 45HSL258 76 10
Technical Specs

Assets de développement avec blocs de code copiables pour design systems.

CSS
:root {
  --color-couleur-1: #5c7fcc;
  --color-couleur-2: #5b6ba9;
  --color-couleur-3: #38338e;
  --color-couleur-4: #1a1146;
  --color-couleur-5: #12062d;
}
Tailwind
'depths-loch': {
  500: '#5c7fcc',
  400: '#5b6ba9',
  300: '#38338e',
  200: '#1a1146',
  100: '#12062d',
}
JSON
{
  "name": "Depths & Loch",
  "harmony": "Analogique",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#5c7fcc"
    },
    {
      "name": "Couleur 2",
      "hex": "#5b6ba9"
    },
    {
      "name": "Couleur 3",
      "hex": "#38338e"
    },
    {
      "name": "Couleur 4",
      "hex": "#1a1146"
    },
    {
      "name": "Couleur 5",
      "hex": "#12062d"
    }
  ]
}
PNG
Pinterest
1000 × 1500
Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1
Blanc
3.92:1AA Large
Noir
5.36:1AA
Couleur 2
Blanc
5.1:1AA
Noir
4.12:1AA Large
Couleur 3
Blanc
10.33:1AAA
Noir
2.03:1Fail
Couleur 4
Blanc
17.32:1AAA
Noir
1.21:1Fail
Couleur 5
Blanc
19.27:1AAA
Noir
1.09:1Fail

Guide d'utilisation

Scénarios d'application

Interface Design

Combine #12062d for text on #5c7fcc background.

Emotional Impact

Depths & Loch — une progression organique entre des teintes liées par le sang. La palette développe une fraîcheur minérale et apaisante et instaure un rythme mesuré entre profondeur et clarté. Un vocabulaire chromatique pour confiance et profondeur.

Analyse de contraste
Text on Canvas

4.9:1

AA

Secondary on Canvas

2.6:1

Fail

Accent on Base

1.9:1

Fail

Create your own palette on ColorSeed →