ColorSeed

Complémentaire · 5 couleurs · 2 mai 2026

Blue & Osprey

Créer une palette

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.

ComplémentaireIllustrationPrintFroidVifOcéan
#64584ECouleur 1
RGB100 88 78HSL27 12 35
#97C0EACouleur 2
RGB151 192 234HSL210 66 75
#F0B5B9Couleur 3
RGB240 181 185HSL356 66 83
#B9D8F6Couleur 4
RGB185 216 246HSL210 77 85
#E2EFFCCouleur 5
RGB226 239 252HSL210 81 94
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

Create your own palette on ColorSeed →