Analogique · 5 couleurs · 29 avril 2026

Rush & Root

Rush & Root — un glissement doux entre des teintes voisines sur le cercle. La palette développe une lumière dorée et habitable et instaure un contraste qui tranche et affirme. Un vocabulaire chromatique pour créativité et enthousiasme.

AnalogiqueJeu vidéo Sombre Néon Monochrome

#FFC42BCouleur 1

RGB255 196 43HSL43 100 58

#F9B654Couleur 2

RGB249 182 84HSL36 93 65

#B65800Couleur 3

RGB182 88 0HSL29 100 36

#4D1600Couleur 4

RGB77 22 0HSL17 100 15

#260700Couleur 5

RGB38 7 0HSL11 100 7

Technical Specs

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

CSS

:root {
  --color-couleur-1: #ffc42b;
  --color-couleur-2: #f9b654;
  --color-couleur-3: #b65800;
  --color-couleur-4: #4d1600;
  --color-couleur-5: #260700;
}

Tailwind

'rush-root': {
  500: '#ffc42b',
  400: '#f9b654',
  300: '#b65800',
  200: '#4d1600',
  100: '#260700',
}

JSON

{
  "name": "Rush & Root",
  "harmony": "Analogique",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffc42b"
    },
    {
      "name": "Couleur 2",
      "hex": "#f9b654"
    },
    {
      "name": "Couleur 3",
      "hex": "#b65800"
    },
    {
      "name": "Couleur 4",
      "hex": "#4d1600"
    },
    {
      "name": "Couleur 5",
      "hex": "#260700"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.59:1Fail

Noir

13.18:1AAA

Couleur 2

Blanc

1.77:1Fail

Noir

11.85:1AAA

Couleur 3

Blanc

4.79:1AA

Noir

4.38:1AA Large

Couleur 4

Blanc

14.68:1AAA

Noir

1.43:1Fail

Couleur 5

Blanc

18.87:1AAA

Noir

1.11:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #260700 for text on #ffc42b background.

Emotional Impact

Analyse de contraste

Text on Canvas

11.8:1

AAA

Secondary on Canvas

3:1

AA Large

Accent on Base

3.9:1

AA Large

Create your own palette on ColorSeed →