Complémentaire · 5 couleurs · 2 mai 2026
Blue & Osprey
Construite sur une harmonie chromatique unique, Blue & Osprey déploie un espace de contemplation silencieux. une dramaturgie visuelle sans compromis — une invitation à confiance et profondeur.
Technical Specs
Assets de développement avec blocs de code copiables pour design systems.
CSS
:root {
--color-couleur-1: #64584e;
--color-couleur-2: #97c0ea;
--color-couleur-3: #f0b5b9;
--color-couleur-4: #b9d8f6;
--color-couleur-5: #e2effc;
}Tailwind
'blue-osprey': {
500: '#64584e',
400: '#97c0ea',
300: '#f0b5b9',
200: '#b9d8f6',
100: '#e2effc',
}JSON
{
"name": "Blue & Osprey",
"harmony": "Complémentaire",
"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"
}
]
}PNG
Pinterest
1000 × 1500
Accessibility
Contrast Ratios
Chaque couleur sur fond blanc
Couleur 1
Blanc
6.89:1AA
Noir
3.05:1AA Large
Couleur 2
Blanc
1.9:1Fail
Noir
11.04:1AAA
Couleur 3
Blanc
1.75:1Fail
Noir
12.02:1AAA
Couleur 4
Blanc
1.48:1Fail
Noir
14.22:1AAA
Couleur 5
Blanc
1.17:1Fail
Noir
17.99:1AAA
✦Guide d'utilisation
Scénarios d'application
Interface Design
Combine #64584e for text on #e2effc background.
Emotional Impact
Construite sur une harmonie chromatique unique, Blue & Osprey déploie un espace de contemplation silencieux. une dramaturgie visuelle sans compromis — une invitation à confiance et profondeur.
Analyse de contraste
Text on Canvas
5.9:1
AA
Secondary on Canvas
1.5:1
Fail
Accent on Base
3.9:1
AA Large