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

Chocolat & Lemon

Construite sur la dynamique vivante de trois voix chromatiques distinctes, Chocolat & Lemon déploie un équilibre entre le vide et la forme. une tension dramatique qui impose la lecture — une invitation à croissance et vitalité.

Split-ComplémentaireIllustration Sombre Vif Froid

#FFDC63Couleur 1

RGB255 220 99HSL47 100 69

#71DBEACouleur 2

RGB113 219 234HSL187 74 68

#B150B8Couleur 3

RGB177 80 184HSL296 42 52

#542C00Couleur 4

RGB84 44 0HSL31 100 16

#003038Couleur 5

RGB0 48 56HSL189 100 11

Technical Specs

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

CSS

:root {
  --color-couleur-1: #ffdc63;
  --color-couleur-2: #71dbea;
  --color-couleur-3: #b150b8;
  --color-couleur-4: #542c00;
  --color-couleur-5: #003038;
}

Tailwind

'chocolat-lemon': {
  500: '#ffdc63',
  400: '#71dbea',
  300: '#b150b8',
  200: '#542c00',
  100: '#003038',
}

JSON

{
  "name": "Chocolat & Lemon",
  "harmony": "Split-Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffdc63"
    },
    {
      "name": "Couleur 2",
      "hex": "#71dbea"
    },
    {
      "name": "Couleur 3",
      "hex": "#b150b8"
    },
    {
      "name": "Couleur 4",
      "hex": "#542c00"
    },
    {
      "name": "Couleur 5",
      "hex": "#003038"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.34:1Fail

Noir

15.67:1AAA

Couleur 2

Blanc

1.61:1Fail

Noir

13.02:1AAA

Couleur 3

Blanc

4.46:1AA Large

Noir

4.71:1AA

Couleur 4

Blanc

12.09:1AAA

Noir

1.74:1Fail

Couleur 5

Blanc

14.19:1AAA

Noir

1.48:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #003038 for text on #ffdc63 background.

Emotional Impact

Analyse de contraste

Text on Canvas

10.6:1

AAA

Secondary on Canvas

3.3:1

AA Large

Accent on Base

3.2:1

AA Large

Create your own palette on ColorSeed →