Analogous · 5 colors · April 28, 2026
Depths & Loch
Depths & Loch — an organic progression between hues bound by kinship. The palette develops a mineral, soothing freshness and establishes a measured rhythm between depth and clarity. A chromatic vocabulary for trust and depth.
✦Palette Usage Guide
Interface Design
Combine #12062d for text on #5c7fcc background.
Emotional Impact
Depths & Loch — an organic progression between hues bound by kinship. The palette develops a mineral, soothing freshness and establishes a measured rhythm between depth and clarity. A chromatic vocabulary for trust and depth.
4.9:1
AA
2.6:1
Fail
1.9:1
Fail
Convert palette to thread / yarn
Closest matches across major brands
Approximate sRGB matches — request a physical color card from each brand before purchasing.
Developer Assets
Developer handoff assets with copyable code blocks for design systems.
:root {
--color-couleur-1: #5c7fcc;
--color-couleur-2: #5b6ba9;
--color-couleur-3: #38338e;
--color-couleur-4: #1a1146;
--color-couleur-5: #12062d;
}'depths-loch': {
500: '#5c7fcc',
400: '#5b6ba9',
300: '#38338e',
200: '#1a1146',
100: '#12062d',
}{
"name": "Depths & Loch",
"harmony": "Analogous",
"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"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Depths & Loch
The intersection of form and function reveals the palette in all its depth. Every hue is intentional, every space is a breath.
Surface Card
System element
Color Psychology
Reliability & Clarity
Couleur 1 evokes the light, balanced register of blue — the universal color of trust, here expressed with its own personality. It reconciles authority and accessibility with natural elegance. Reassuring for decision-makers, engaging for users.
Reliability & Clarity
Couleur 2 evokes the medium, quiet register of blue — the universal color of trust, here expressed with its own personality. It reconciles authority and accessibility with natural elegance. Reassuring for decision-makers, engaging for users.
Wisdom & Depth
Couleur 3 is a medium, balanced indigo that evokes the creative tension between blue's structure and violet's imagination. Its chromatic density evokes clear nights and contemplative thought — the color of brands that cultivate expertise and long-term vision.
Wisdom & Depth
Couleur 4 is a deep, rich indigo that commands the creative tension between blue's structure and violet's imagination. Its chromatic density evokes clear nights and contemplative thought — the color of brands that cultivate expertise and long-term vision.
Wisdom & Depth
Couleur 5 is a deep, rich indigo that commands the creative tension between blue's structure and violet's imagination. Its chromatic density evokes clear nights and contemplative thought — the color of brands that cultivate expertise and long-term vision.
Moodboard
No images found
Brand PDF
Premium Brand Guidelines document with palette, color psychology and moodboard.
PDF Brand Identity Export
7 premium pages: Cover · Palette · Detail · Typography · Usage Guide