Triadic · 5 colors · May 14, 2026
Green and Blue
Green and Blue weaves the harmony of colors that speak without contradiction. a balance between void and form — a measured rhythm between depth and clarity. It speaks of growth, vitality and of calming.
✦Palette Usage Guide
Interface Design
Combine #083054 for text on #86b2c6 background.
Emotional Impact
Green and Blue weaves the harmony of colors that speak without contradiction. a balance between void and form — a measured rhythm between depth and clarity. It speaks of growth, vitality and of calming.
5.9:1
AA
3.2:1
AA Large
1.8: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: #083054;
--color-couleur-2: #1a4210;
--color-couleur-3: #0c6183;
--color-couleur-4: #3f5f26;
--color-couleur-5: #86b2c6;
}'green-and-blue': {
500: '#083054',
400: '#1a4210',
300: '#0c6183',
200: '#3f5f26',
100: '#86b2c6',
}{
"name": "Green and Blue",
"harmony": "Triadic",
"colors": [
{
"name": "Couleur 1",
"hex": "#083054"
},
{
"name": "Couleur 2",
"hex": "#1a4210"
},
{
"name": "Couleur 3",
"hex": "#0c6183"
},
{
"name": "Couleur 4",
"hex": "#3f5f26"
},
{
"name": "Couleur 5",
"hex": "#86b2c6"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Green and Blue
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
Innovation & Precision
Couleur 1 is a deep, 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.
Grounding & Durability
Couleur 2 is a deep, rich lime green that commands the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.
Innovation & Precision
Couleur 3 is a dark, 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.
Grounding & Durability
Couleur 4 is a dark, balanced lime green that evokes the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.
Serenity & Lightness
Couleur 5 is a light, 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.
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