Analogique · 5 couleurs · 28 avril 2026
Depths & Loch
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.
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