Monochromatique · 5 couleurs · 1 mai 2026

Yellow & 24

Yellow & 24 — un glissement doux entre des teintes voisines sur le cercle. La palette développe une chaleur enveloppante et sensuelle et instaure une tension dramatique qui impose la lecture. Un vocabulaire chromatique pour clarté et intellect.

MonochromatiqueJeu vidéo Chaud Sombre Monochrome

#FFDC83Couleur 1

RGB255 220 131HSL43 100 76

#DDC485Couleur 2

RGB221 196 133HSL43 56 69

#9A7800Couleur 3

RGB154 120 0HSL47 100 30

#403500Couleur 4

RGB64 53 0HSL50 100 13

#262100Couleur 5

RGB38 33 0HSL52 100 7

Technical Specs

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

CSS

:root {
  --color-couleur-1: #ffdc83;
  --color-couleur-2: #ddc485;
  --color-couleur-3: #9a7800;
  --color-couleur-4: #403500;
  --color-couleur-5: #262100;
}

Tailwind

'yellow-24': {
  500: '#ffdc83',
  400: '#ddc485',
  300: '#9a7800',
  200: '#403500',
  100: '#262100',
}

JSON

{
  "name": "Yellow & 24",
  "harmony": "Monochromatique",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffdc83"
    },
    {
      "name": "Couleur 2",
      "hex": "#ddc485"
    },
    {
      "name": "Couleur 3",
      "hex": "#9a7800"
    },
    {
      "name": "Couleur 4",
      "hex": "#403500"
    },
    {
      "name": "Couleur 5",
      "hex": "#262100"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.33:1Fail

Noir

15.82:1AAA

Couleur 2

Blanc

1.71:1Fail

Noir

12.31:1AAA

Couleur 3

Blanc

4.15:1AA Large

Noir

5.06:1AA

Couleur 4

Blanc

12.16:1AAA

Noir

1.73:1Fail

Couleur 5

Blanc

16.15:1AAA

Noir

1.3:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #262100 for text on #ffdc83 background.

Emotional Impact

Analyse de contraste

Text on Canvas

12.2:1

AAA

Secondary on Canvas

3.1:1

AA Large

Accent on Base

3.9:1

AA Large

Create your own palette on ColorSeed →