Split-Complémentaire · 5 couleurs · 28 avril 2026

Green & Oxford

Issue de "Green & Oxford", Green & Oxford explore un triangle asymétrique qui joue avec le regard sans le fatiguer. On y trouve un espace de contemplation silencieux, traversée par une dramaturgie visuelle sans compromis.

Split-ComplémentaireBranding Illustration Froid Sombre Vif

#CFED6ECouleur 1

RGB207 237 110HSL74 78 68

#8DC3FBCouleur 2

RGB141 195 251HSL211 93 77

#BF4598Couleur 3

RGB191 69 152HSL319 49 51

#2C3602Couleur 4

RGB44 54 2HSL72 93 11

#03234ACouleur 5

RGB3 35 74HSL213 92 15

Technical Specs

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

CSS

:root {
  --color-couleur-1: #cfed6e;
  --color-couleur-2: #8dc3fb;
  --color-couleur-3: #bf4598;
  --color-couleur-4: #2c3602;
  --color-couleur-5: #03234a;
}

Tailwind

'green-oxford': {
  500: '#cfed6e',
  400: '#8dc3fb',
  300: '#bf4598',
  200: '#2c3602',
  100: '#03234a',
}

JSON

{
  "name": "Green & Oxford",
  "harmony": "Split-Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#cfed6e"
    },
    {
      "name": "Couleur 2",
      "hex": "#8dc3fb"
    },
    {
      "name": "Couleur 3",
      "hex": "#bf4598"
    },
    {
      "name": "Couleur 4",
      "hex": "#2c3602"
    },
    {
      "name": "Couleur 5",
      "hex": "#03234a"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.31:1Fail

Noir

15.99:1AAA

Couleur 2

Blanc

1.85:1Fail

Noir

11.33:1AAA

Couleur 3

Blanc

4.65:1AA

Noir

4.52:1AA

Couleur 4

Blanc

12.84:1AAA

Noir

1.64:1Fail

Couleur 5

Blanc

15.63:1AAA

Noir

1.34:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #03234a for text on #cfed6e background.

Emotional Impact

Analyse de contraste

Text on Canvas

11.9:1

AAA

Secondary on Canvas

3.5:1

AA Large

Accent on Base

3.4:1

AA Large

Create your own palette on ColorSeed →