Complémentaire · 5 couleurs · 30 avril 2026

Post & Halation

Post & Halation — une harmonie chromatique unique. La palette développe un équilibre entre le vide et la forme et instaure une tension dramatique qui impose la lecture. Un vocabulaire chromatique pour croissance et vitalité.

ComplémentairePrint Sombre Nature

#232A34Couleur 1

RGB35 42 52HSL215 20 17

#48545CCouleur 2

RGB72 84 92HSL204 12 32

#868C8FCouleur 3

RGB134 140 143HSL200 4 54

#BC8F3CCouleur 4

RGB188 143 60HSL39 52 49

#CFD0CDCouleur 5

RGB207 208 205HSL80 3 81

Technical Specs

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

CSS

:root {
  --color-couleur-1: #232a34;
  --color-couleur-2: #48545c;
  --color-couleur-3: #868c8f;
  --color-couleur-4: #bc8f3c;
  --color-couleur-5: #cfd0cd;
}

Tailwind

'post-halation': {
  500: '#232a34',
  400: '#48545c',
  300: '#868c8f',
  200: '#bc8f3c',
  100: '#cfd0cd',
}

JSON

{
  "name": "Post & Halation",
  "harmony": "Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#232a34"
    },
    {
      "name": "Couleur 2",
      "hex": "#48545c"
    },
    {
      "name": "Couleur 3",
      "hex": "#868c8f"
    },
    {
      "name": "Couleur 4",
      "hex": "#bc8f3c"
    },
    {
      "name": "Couleur 5",
      "hex": "#cfd0cd"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

14.46:1AAA

Noir

1.45:1Fail

Couleur 2

Blanc

7.78:1AAA

Noir

2.7:1Fail

Couleur 3

Blanc

3.41:1AA Large

Noir

6.16:1AA

Couleur 4

Blanc

2.94:1Fail

Noir

7.13:1AAA

Couleur 5

Blanc

1.55:1Fail

Noir

13.56:1AAA

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #232a34 for text on #cfd0cd background.

Emotional Impact

Analyse de contraste

Text on Canvas

9.3:1

AAA

Secondary on Canvas

2.2:1

Fail

Accent on Base

4.2:1

AA Large

Create your own palette on ColorSeed →