Analogique · 5 couleurs · 26 avril 2026

Green & Sunny

À travers une progression organique entre des teintes liées par le sang, Green & Sunny compose une retenue élégante et sans excès. Le contraste entre les teintes évoque croissance, vitalité.

AnalogiqueIllustration Jeu vidéo Mode

#E6ED87Couleur 1

RGB230 237 135HSL64 74 73

#C6D59FCouleur 2

RGB198 213 159HSL77 39 73

#689B08Couleur 3

RGB104 155 8HSL81 90 32

#0D4904Couleur 4

RGB13 73 4HSL112 90 15

#033003Couleur 5

RGB3 48 3HSL120 88 10

Technical Specs

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

CSS

:root {
  --color-couleur-1: #e6ed87;
  --color-couleur-2: #c6d59f;
  --color-couleur-3: #689b08;
  --color-couleur-4: #0d4904;
  --color-couleur-5: #033003;
}

Tailwind

'green-sunny': {
  500: '#e6ed87',
  400: '#c6d59f',
  300: '#689b08',
  200: '#0d4904',
  100: '#033003',
}

JSON

{
  "name": "Green & Sunny",
  "harmony": "Analogique",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#e6ed87"
    },
    {
      "name": "Couleur 2",
      "hex": "#c6d59f"
    },
    {
      "name": "Couleur 3",
      "hex": "#689b08"
    },
    {
      "name": "Couleur 4",
      "hex": "#0d4904"
    },
    {
      "name": "Couleur 5",
      "hex": "#033003"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.25:1Fail

Noir

16.83:1AAA

Couleur 2

Blanc

1.56:1Fail

Noir

13.42:1AAA

Couleur 3

Blanc

3.34:1AA Large

Noir

6.28:1AA

Couleur 4

Blanc

10.65:1AAA

Noir

1.97:1Fail

Couleur 5

Blanc

14.71:1AAA

Noir

1.43:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #033003 for text on #e6ed87 background.

Emotional Impact

À travers une progression organique entre des teintes liées par le sang, Green & Sunny compose une retenue élégante et sans excès. Le contraste entre les teintes évoque croissance, vitalité.

Analyse de contraste

Text on Canvas

11.8:1

AAA

Secondary on Canvas

2.7:1

Fail

Accent on Base

4.4:1

AA Large

Create your own palette on ColorSeed →