Complementary · 5 colors · May 2, 2026
Blue & Osprey
Built on a unique chromatic harmony, Blue & Osprey unfolds a space of quiet contemplation. an uncompromising visual dramaturgy — an invitation to trust and depth.
✦Palette Usage Guide
Interface Design
Combine #64584e for text on #e2effc background.
Emotional Impact
Built on a unique chromatic harmony, Blue & Osprey unfolds a space of quiet contemplation. an uncompromising visual dramaturgy — an invitation to trust and depth.
5.9:1
AA
1.5:1
Fail
3.9:1
AA Large
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: #64584e;
--color-couleur-2: #97c0ea;
--color-couleur-3: #f0b5b9;
--color-couleur-4: #b9d8f6;
--color-couleur-5: #e2effc;
}'blue-osprey': {
500: '#64584e',
400: '#97c0ea',
300: '#f0b5b9',
200: '#b9d8f6',
100: '#e2effc',
}{
"name": "Blue & Osprey",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#64584e"
},
{
"name": "Couleur 2",
"hex": "#97c0ea"
},
{
"name": "Couleur 3",
"hex": "#f0b5b9"
},
{
"name": "Couleur 4",
"hex": "#b9d8f6"
},
{
"name": "Couleur 5",
"hex": "#e2effc"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Blue & Osprey
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
Sophistication & Balance
Couleur 1 masters the art of discretion — dark and muted, it structures without dominating. Ideal as a background or type color in mature design systems.
Innovation & Precision
Couleur 2 is a pale, rich cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.
Energy & Urgency
Couleur 3 is a pale, rich red that breathes a direct, assertive presence. Its saturation level makes it an immediate visual signal: ideal for CTAs, conversion moments, and decisive instants.
Innovation & Precision
Couleur 4 is a pale, rich cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.
Innovation & Precision
Couleur 5 is a pale, vivid cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.
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