Fjord Compass Study
Cool blue depths meeting soft light, like still water reflecting an overcast sky at the edge of winter.
Psychology
The three blue tones create visual depth through analogous harmony, with the darkest shade anchoring attention while lighter variants recede, following cool color theory. The high contrast between light teal and deep navy produces a calm alertness rather than restlessness, as muted saturation prevents visual fatigue. Together, these tones evoke trust and stillness, common responses to cool, low-chroma palettes used in medical, financial, and technical contexts.
Usage
Ideal for tech startup branding, healthcare digital interfaces, and editorial design where sophisticated calm and professional clarity are essential. The mixed lightness profile supports strong hierarchy in data visualization dashboards and minimal web design without requiring additional colors. The palette's cool temperature and balanced contrast work exceptionally well for corporate identity systems and fintech applications where confidence and serenity must coexist.
Code
CSS Gradient
/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
90deg,
#9cc6e3 0%,
#006bad 33%,
#003566 67%,
#add2d2 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #9cc6e3;
--color-gradient-2: #006bad;
--color-gradient-3: #003566;
--color-gradient-4: #add2d2;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #9cc6e3; --color-2: #006bad; --color-3: #003566; --color-4: #add2d2;
Hex values
#9cc6e3, #006bad, #003566, #add2d2
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Depths Morning
Mineral Spring Dawn
Midnight Pool Glow
Coastal Porcelain Dawn
Jade Hour Glow
Slate Pool Breath
Shallow Waters
Coastal Linen Study
Frosted Lavender Drift
