Complémentaire · 5 couleurs · 28 avril 2026

Clouds & Fawn

Issue de "Clouds & Fawn", Clouds & Fawn explore la vibration intense de deux extrêmes du spectre en contact. On y trouve un équilibre entre le vide et la forme, traversée par une tension dramatique qui impose la lecture.

ComplémentaireIllustration Mode Sombre Forêt

#AAEEFFCouleur 1

RGB170 238 255HSL192 100 83

#ECC4A6Couleur 2

RGB236 196 166HSL26 65 79

#3396C7Couleur 3

RGB51 150 199HSL200 59 49

#744523Couleur 4

RGB116 69 35HSL25 54 30

#114159Couleur 5

RGB17 65 89HSL200 68 21

Technical Specs

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

CSS

:root {
  --color-couleur-1: #aaeeff;
  --color-couleur-2: #ecc4a6;
  --color-couleur-3: #3396c7;
  --color-couleur-4: #744523;
  --color-couleur-5: #114159;
}

Tailwind

'clouds-fawn': {
  500: '#aaeeff',
  400: '#ecc4a6',
  300: '#3396c7',
  200: '#744523',
  100: '#114159',
}

JSON

{
  "name": "Clouds & Fawn",
  "harmony": "Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#aaeeff"
    },
    {
      "name": "Couleur 2",
      "hex": "#ecc4a6"
    },
    {
      "name": "Couleur 3",
      "hex": "#3396c7"
    },
    {
      "name": "Couleur 4",
      "hex": "#744523"
    },
    {
      "name": "Couleur 5",
      "hex": "#114159"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.28:1Fail

Noir

16.38:1AAA

Couleur 2

Blanc

1.61:1Fail

Noir

13.01:1AAA

Couleur 3

Blanc

3.32:1AA Large

Noir

6.33:1AA

Couleur 4

Blanc

8.02:1AAA

Noir

2.62:1Fail

Couleur 5

Blanc

10.91:1AAA

Noir

1.92:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #114159 for text on #aaeeff background.

Emotional Impact

Analyse de contraste

Text on Canvas

8.5:1

AAA

Secondary on Canvas

2.6:1

Fail

Accent on Base

3.3:1

AA Large

Create your own palette on ColorSeed →