ColorSeed

Complementary · 5 colors · April 30, 2026

Post & Halation

Create palette

Post & Halation — a unique chromatic harmony. The palette develops a balance between void and form and establishes a dramatic tension that commands attention. A chromatic vocabulary for growth and vitality.

ComplementaryPrintDarkNature
#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

Palette Usage Guide

Application Scenarios

Interface Design

Combine #232a34 for text on #cfd0cd background.

Emotional Impact

Post & Halation — a unique chromatic harmony. The palette develops a balance between void and form and establishes a dramatic tension that commands attention. A chromatic vocabulary for growth and vitality.

Contrast Analysis
Text on Canvas

9.3:1

AAA

Secondary on Canvas

2.2:1

Fail

Accent on Base

4.2:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :38 (Approximate)
#232A34
DMC 823
Navy Blue Dk
ΔE 39
#48545C
DMC 413
Pewter Gray Dk
ΔE 24
#868C8F
DMC 414
Steel Gray Dark
ΔE 41
#BC8F3C
DMC 733
Olive Green Med
ΔE 48
#CFD0CD
DMC 3753
Antique Blue Ul
ΔE 39

Approximate sRGB matches — request a physical color card from each brand before purchasing.

Technical Specs

Developer Assets

Developer handoff assets with copyable code blocks for 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": "Complementary",
  "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"
    }
  ]
}
Export Image
Design Tokens

Design Tokens Export

W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.

Go Pro
Accessibility

Contrast Ratios

Each color vs. white background

Couleur 1
White
14.46:1AAA
Black
1.45:1Fail
Couleur 2
White
7.78:1AAA
Black
2.7:1Fail
Couleur 3
White
3.41:1AA Large
Black
6.16:1AA
Couleur 4
White
2.94:1Fail
Black
7.13:1AAA
Couleur 5
White
1.55:1Fail
Black
13.56:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Post & Halation

The intersection of form and function reveals the palette in all its depth. Every hue is intentional, every space is a breath.

· Display · Body
UI Components
Buttons
Active

Surface Card

System element

Emotional Resonance

Color Psychology

Couleur 1

Trust & Authority

Couleur 1 anchors the deep, quiet register of blue — the universal color of trust, here expressed with its own personality. Its depth makes it the color of institutions, decision-makers, and leaders who have nothing to prove. Serious, stable, timeless.

TrustAuthorityStabilityPrestige
Couleur 2

Sophistication & Balance

Couleur 2 masters the art of discretion — dark and muted, it structures without dominating. Ideal as a background or type color in mature design systems.

SophisticationDiscretionBalanceMaturity
Couleur 3

Neutrality & Mediation

Couleur 3 is visual silence par excellence — medium and muted, it never takes sides and lets other colors express themselves while maintaining systemic coherence.

NeutralityCoherenceSilenceBalance
Couleur 4

Creativity & Accessibility

Couleur 4 is a medium orange with balanced saturation that evokes positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.

CreativityAccessibilityFriendlinessOpenness
Couleur 5

Purity & Timelessness

Couleur 5 represents the blank page — pale and muted, it evokes transparency and honesty. In luxury as in tech, it signifies the essential stripped of the superfluous.

PurityMinimalismClarityTimelessness
Visual Atmosphere

Moodboard

No images found

Export

Brand PDF

Premium Brand Guidelines document with palette, color psychology and moodboard.

PDF Brand Identity Export

7 premium pages: Cover · Palette · Detail · Typography · Usage Guide

Go Pro
Create your own palette on ColorSeed →