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

Turquoise & Green

Construite sur une harmonie chromatique unique, Turquoise & Green déploie la sobriété d'un espace architectural maîtrisé. une progression douce mais lisible — une invitation à croissance et vitalité.

Split-ComplémentairePrint Froid Océan Sombre

#16231CCouleur 1

RGB22 35 28HSL148 23 11

#314942Couleur 2

RGB49 73 66HSL163 20 24

#5B807CCouleur 3

RGB91 128 124HSL174 17 43

#A6722FCouleur 4

RGB166 114 47HSL34 56 42

#8CB1AECouleur 5

RGB140 177 174HSL175 19 62

Technical Specs

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

CSS

:root {
  --color-couleur-1: #16231c;
  --color-couleur-2: #314942;
  --color-couleur-3: #5b807c;
  --color-couleur-4: #a6722f;
  --color-couleur-5: #8cb1ae;
}

Tailwind

'turquoise-green': {
  500: '#16231c',
  400: '#314942',
  300: '#5b807c',
  200: '#a6722f',
  100: '#8cb1ae',
}

JSON

{
  "name": "Turquoise & Green",
  "harmony": "Split-Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#16231c"
    },
    {
      "name": "Couleur 2",
      "hex": "#314942"
    },
    {
      "name": "Couleur 3",
      "hex": "#5b807c"
    },
    {
      "name": "Couleur 4",
      "hex": "#a6722f"
    },
    {
      "name": "Couleur 5",
      "hex": "#8cb1ae"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

16.26:1AAA

Noir

1.29:1Fail

Couleur 2

Blanc

9.71:1AAA

Noir

2.16:1Fail

Couleur 3

Blanc

4.35:1AA Large

Noir

4.82:1AA

Couleur 4

Blanc

4.14:1AA Large

Noir

5.07:1AA

Couleur 5

Blanc

2.33:1Fail

Noir

9.02:1AAA

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #16231c for text on #8cb1ae background.

Emotional Impact

Analyse de contraste

Text on Canvas

7:1

Secondary on Canvas

1.9:1

Fail

Accent on Base

3.7:1

AA Large

Create your own palette on ColorSeed →