Complementary · 6 colors · May 24, 2026
Blue & Dinosaur
Built on the natural fluidity of colors that touch in the spectrum, Blue & Dinosaur unfolds a golden livable light. a contrast that cuts and asserts — an invitation to clarity and intellect.
✦Palette Usage Guide
Interface Design
Combine #162431 for text on #dec9ba background.
Emotional Impact
Built on the natural fluidity of colors that touch in the spectrum, Blue & Dinosaur unfolds a golden livable light. a contrast that cuts and asserts — an invitation to clarity and intellect.
9.9:1
AAA
1.9:1
Fail
5.1:1
AA
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: #162431;
--color-couleur-2: #774731;
--color-couleur-3: #809980;
--color-couleur-4: #bc7d62;
--color-couleur-5: #c1a995;
--color-couleur-6: #dec9ba;
}'blue-dinosaur': {
600: '#162431',
500: '#774731',
400: '#809980',
300: '#bc7d62',
200: '#c1a995',
100: '#dec9ba',
}{
"name": "Blue & Dinosaur",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#162431"
},
{
"name": "Couleur 2",
"hex": "#774731"
},
{
"name": "Couleur 3",
"hex": "#809980"
},
{
"name": "Couleur 4",
"hex": "#bc7d62"
},
{
"name": "Couleur 5",
"hex": "#c1a995"
},
{
"name": "Couleur 6",
"hex": "#dec9ba"
}
]
}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 & Dinosaur
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
Serenity & Lightness
Couleur 1 is a deep, quiet cyan positioned midway between blue's analytical rigor and green's vitality. More airy, it reduces cognitive friction and eases exploration. The shade of interfaces that guide without imposing.
Authority & Mastery
Couleur 2 is a dark, balanced red that evokes a direct, assertive presence. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.
Neutrality & Mediation
Couleur 3 is visual silence par excellence — light and muted, it never takes sides and lets other colors express themselves while maintaining systemic coherence.
Passion & Engagement
Couleur 4 is a light, balanced red that evokes a direct, assertive presence. It embodies measured passion — warm enough to capture attention, tempered enough to build trust.
Warmth & Benevolence
Couleur 5 breathes the light, quiet warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.
Warmth & Benevolence
Couleur 6 breathes the pale, quiet warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.
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