Monochromatique · 5 couleurs · 28 avril 2026

Yellow & Vermin

Yellow & Vermin — un glissement doux entre des teintes voisines sur le cercle. La palette développe un registre chaud qui attire et retient et instaure une dramaturgie visuelle sans compromis. Un vocabulaire chromatique pour clarté et intellect.

MonochromatiqueIllustration Jeu vidéo Mode Chaud

#FFDB83Couleur 1

RGB255 219 131HSL43 100 76

#DAC68FCouleur 2

RGB218 198 143HSL44 50 71

#937300Couleur 3

RGB147 115 0HSL47 100 29

#3B3200Couleur 4

RGB59 50 0HSL51 100 12

#201D00Couleur 5

RGB32 29 0HSL54 100 6

Technical Specs

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

CSS

:root {
  --color-couleur-1: #ffdb83;
  --color-couleur-2: #dac68f;
  --color-couleur-3: #937300;
  --color-couleur-4: #3b3200;
  --color-couleur-5: #201d00;
}

Tailwind

'yellow-vermin': {
  500: '#ffdb83',
  400: '#dac68f',
  300: '#937300',
  200: '#3b3200',
  100: '#201d00',
}

JSON

{
  "name": "Yellow & Vermin",
  "harmony": "Monochromatique",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffdb83"
    },
    {
      "name": "Couleur 2",
      "hex": "#dac68f"
    },
    {
      "name": "Couleur 3",
      "hex": "#937300"
    },
    {
      "name": "Couleur 4",
      "hex": "#3b3200"
    },
    {
      "name": "Couleur 5",
      "hex": "#201d00"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.34:1Fail

Noir

15.71:1AAA

Couleur 2

Blanc

1.69:1Fail

Noir

12.46:1AAA

Couleur 3

Blanc

4.47:1AA Large

Noir

4.69:1AA

Couleur 4

Blanc

12.79:1AAA

Noir

1.64:1Fail

Couleur 5

Blanc

16.97:1AAA

Noir

1.24:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #201d00 for text on #ffdb83 background.

Emotional Impact

Analyse de contraste

Text on Canvas

12.7:1

AAA

Secondary on Canvas

3.3:1

AA Large

Accent on Base

3.8:1

AA Large

Create your own palette on ColorSeed →