Split-Complémentaire · 5 couleurs · 26 avril 2026

Avocado & Droplet

Issue de "Avocado & Droplet", Avocado & Droplet explore la richesse d'une triade — ni trop sage, ni trop discordante. On y trouve un silence chromatique bleu et clair, traversée par un contraste qui tranche et affirme.

Split-ComplémentaireIllustration Mode

#D7F395Couleur 1

RGB215 243 149HSL78 80 77

#A6DBFCCouleur 2

RGB166 219 252HSL203 93 82

#D1618CCouleur 3

RGB209 97 140HSL337 55 60

#455903Couleur 4

RGB69 89 3HSL74 93 18

#043862Couleur 5

RGB4 56 98HSL207 92 20

Technical Specs

Assets de développement avec blocs de code copiables pour design systems.

CSS

:root {
  --color-couleur-1: #d7f395;
  --color-couleur-2: #a6dbfc;
  --color-couleur-3: #d1618c;
  --color-couleur-4: #455903;
  --color-couleur-5: #043862;
}

Tailwind

'avocado-droplet': {
  500: '#d7f395',
  400: '#a6dbfc',
  300: '#d1618c',
  200: '#455903',
  100: '#043862',
}

JSON

{
  "name": "Avocado & Droplet",
  "harmony": "Split-Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#d7f395"
    },
    {
      "name": "Couleur 2",
      "hex": "#a6dbfc"
    },
    {
      "name": "Couleur 3",
      "hex": "#d1618c"
    },
    {
      "name": "Couleur 4",
      "hex": "#455903"
    },
    {
      "name": "Couleur 5",
      "hex": "#043862"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.22:1Fail

Noir

17.14:1AAA

Couleur 2

Blanc

1.48:1Fail

Noir

14.16:1AAA

Couleur 3

Blanc

3.62:1AA Large

Noir

5.8:1AA

Couleur 4

Blanc

7.83:1AAA

Noir

2.68:1Fail

Couleur 5

Blanc

12.02:1AAA

Noir

1.75:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #043862 for text on #d7f395 background.

Emotional Impact

Analyse de contraste

Text on Canvas

9.8:1

AAA

Secondary on Canvas

3:1

Fail

Accent on Base

3.3:1

AA Large

Create your own palette on ColorSeed →