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

Green & Vegan

Issue de "Green & Vegan", Green & Vegan explore la subtilité du contraste indirect — moins agressif, plus nuancé. On y trouve la sobriété d'un espace architectural maîtrisé, traversée par une progression douce mais lisible.

Split-ComplémentaireIllustration Print

#DC4C41Couleur 1

RGB220 76 65HSL4 69 56

#837467Couleur 2

RGB131 116 103HSL28 12 46

#0FBD86Couleur 3

RGB15 189 134HSL161 85 40

#C9B9ABCouleur 4

RGB201 185 171HSL28 22 73

#1F4130Couleur 5

RGB31 65 48HSL150 35 19

Technical Specs

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

CSS

:root {
  --color-couleur-1: #dc4c41;
  --color-couleur-2: #837467;
  --color-couleur-3: #0fbd86;
  --color-couleur-4: #c9b9ab;
  --color-couleur-5: #1f4130;
}

Tailwind

'green-vegan': {
  500: '#dc4c41',
  400: '#837467',
  300: '#0fbd86',
  200: '#c9b9ab',
  100: '#1f4130',
}

JSON

{
  "name": "Green & Vegan",
  "harmony": "Split-Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#dc4c41"
    },
    {
      "name": "Couleur 2",
      "hex": "#837467"
    },
    {
      "name": "Couleur 3",
      "hex": "#0fbd86"
    },
    {
      "name": "Couleur 4",
      "hex": "#c9b9ab"
    },
    {
      "name": "Couleur 5",
      "hex": "#1f4130"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

4.08:1AA Large

Noir

5.15:1AA

Couleur 2

Blanc

4.51:1AA

Noir

4.66:1AA

Couleur 3

Blanc

2.43:1Fail

Noir

8.64:1AAA

Couleur 4

Blanc

1.91:1Fail

Noir

11.01:1AAA

Couleur 5

Blanc

11.31:1AAA

Noir

1.86:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #1f4130 for text on #c9b9ab background.

Emotional Impact

Analyse de contraste

Text on Canvas

5.9:1

Secondary on Canvas

2.1:1

Fail

Accent on Base

2.8:1

Fail

Create your own palette on ColorSeed →