Analogique · 5 couleurs · 26 avril 2026

Fortress & Buzz-In

Issue de "Fortress & Buzz-In", Fortress & Buzz-In explore la richesse cachée d'un seul pigment sous toutes ses lumières. On y trouve une lumière dorée et habitable, traversée par un contraste qui tranche et affirme.

AnalogiqueBranding Illustration Jeu vidéo

#FFD752Couleur 1

RGB255 215 82HSL46 100 66

#E7B840Couleur 2

RGB231 184 64HSL43 78 58

#855600Couleur 3

RGB133 86 0HSL39 100 26

#2E0C00Couleur 4

RGB46 12 0HSL16 100 9

#190000Couleur 5

RGB25 0 0HSL0 100 5

Technical Specs

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

CSS

:root {
  --color-couleur-1: #ffd752;
  --color-couleur-2: #e7b840;
  --color-couleur-3: #855600;
  --color-couleur-4: #2e0c00;
  --color-couleur-5: #190000;
}

Tailwind

'fortress-buzz-in': {
  500: '#ffd752',
  400: '#e7b840',
  300: '#855600',
  200: '#2e0c00',
  100: '#190000',
}

JSON

{
  "name": "Fortress & Buzz-In",
  "harmony": "Analogique",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffd752"
    },
    {
      "name": "Couleur 2",
      "hex": "#e7b840"
    },
    {
      "name": "Couleur 3",
      "hex": "#855600"
    },
    {
      "name": "Couleur 4",
      "hex": "#2e0c00"
    },
    {
      "name": "Couleur 5",
      "hex": "#190000"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.39:1Fail

Noir

15.09:1AAA

Couleur 2

Blanc

1.85:1Fail

Noir

11.33:1AAA

Couleur 3

Blanc

6.31:1AA

Noir

3.33:1AA Large

Couleur 4

Blanc

17.97:1AAA

Noir

1.17:1Fail

Couleur 5

Blanc

20.17:1AAA

Noir

1.04:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #190000 for text on #ffd752 background.

Emotional Impact

Analyse de contraste

Text on Canvas

14.5:1

AAA

Secondary on Canvas

4.5:1

Accent on Base

3.2:1

AA Large

Create your own palette on ColorSeed →