Monochromatique · 5 couleurs · 26 avril 2026

Green & Navy

Green & Navy — la profondeur d'une teinte unique explorée jusqu'à ses extrêmes. La palette développe la sobriété d'un espace architectural maîtrisé et instaure une dramaturgie visuelle sans compromis. Un vocabulaire chromatique pour croissance et vitalité.

MonochromatiqueIllustration Jeu vidéo Mode

#CCF57FCouleur 1

RGB204 245 127HSL81 86 73

#B0E52ACouleur 2

RGB176 229 42HSL77 78 53

#6F9D0BCouleur 3

RGB111 157 11HSL79 87 33

#355106Couleur 4

RGB53 81 6HSL82 86 17

#203904Couleur 5

RGB32 57 4HSL88 87 12

Technical Specs

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

CSS

:root {
  --color-couleur-1: #ccf57f;
  --color-couleur-2: #b0e52a;
  --color-couleur-3: #6f9d0b;
  --color-couleur-4: #355106;
  --color-couleur-5: #203904;
}

Tailwind

'green-navy': {
  500: '#ccf57f',
  400: '#b0e52a',
  300: '#6f9d0b',
  200: '#355106',
  100: '#203904',
}

JSON

{
  "name": "Green & Navy",
  "harmony": "Monochromatique",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ccf57f"
    },
    {
      "name": "Couleur 2",
      "hex": "#b0e52a"
    },
    {
      "name": "Couleur 3",
      "hex": "#6f9d0b"
    },
    {
      "name": "Couleur 4",
      "hex": "#355106"
    },
    {
      "name": "Couleur 5",
      "hex": "#203904"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.24:1Fail

Noir

16.93:1AAA

Couleur 2

Blanc

1.49:1Fail

Noir

14.09:1AAA

Couleur 3

Blanc

3.23:1AA Large

Noir

6.5:1AA

Couleur 4

Blanc

9.01:1AAA

Noir

2.33:1Fail

Couleur 5

Blanc

12.74:1AAA

Noir

1.65:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #203904 for text on #ccf57f background.

Emotional Impact

Analyse de contraste

Text on Canvas

10.3:1

AAA

Secondary on Canvas

2.6:1

Fail

Accent on Base

3.9:1

AA Large

Create your own palette on ColorSeed →