ColorSeed

Triadic · 5 colors · April 26, 2026

Calling & Lead

Create palette

Calling & Lead — the hidden richness of one pigment under every light. The palette develops the sobriety of a mastered architectural space and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for elegance and rigor.

TriadicWebPrintDarkMinimal
#202020Couleur 1
RGB32 32 32HSL0 0 13
#4D4A4ACouleur 2
RGB77 74 74HSL0 2 30
#9F9396Couleur 3
RGB159 147 150HSL345 6 60
#CBCACDCouleur 4
RGB203 202 205HSL260 3 80
#E5E5E7Couleur 5
RGB229 229 231HSL240 4 90

Palette Usage Guide

Application Scenarios

Interface Design

Combine #202020 for text on #e5e5e7 background.

Emotional Impact

Calling & Lead — the hidden richness of one pigment under every light. The palette develops the sobriety of a mastered architectural space and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for elegance and rigor.

Contrast Analysis
Text on Canvas

13:1

AAA

Secondary on Canvas

2.4:1

Fail

Accent on Base

5.5:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :33 (Approximate)
#202020
DMC 938
Coffee Brown Ul Dk
ΔE 45
#4D4A4A
DMC 413
Pewter Gray Dk
ΔE 34
#9F9396
DMC 318
Steel Gray Light
ΔE 25
#CBCACD
DMC 415
Pearl Gray
ΔE 42
#E5E5E7
DMC 762
Pearl Gray Vy Lt
ΔE 17

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: #202020;
  --color-couleur-2: #4d4a4a;
  --color-couleur-3: #9f9396;
  --color-couleur-4: #cbcacd;
  --color-couleur-5: #e5e5e7;
}
Tailwind
'calling-lead': {
  500: '#202020',
  400: '#4d4a4a',
  300: '#9f9396',
  200: '#cbcacd',
  100: '#e5e5e7',
}
JSON
{
  "name": "Calling & Lead",
  "harmony": "Triadic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#202020"
    },
    {
      "name": "Couleur 2",
      "hex": "#4d4a4a"
    },
    {
      "name": "Couleur 3",
      "hex": "#9f9396"
    },
    {
      "name": "Couleur 4",
      "hex": "#cbcacd"
    },
    {
      "name": "Couleur 5",
      "hex": "#e5e5e7"
    }
  ]
}
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
16.29:1AAA
Black
1.29:1Fail
Couleur 2
White
8.77:1AAA
Black
2.39:1Fail
Couleur 3
White
2.96:1Fail
Black
7.09:1AAA
Couleur 4
White
1.63:1Fail
Black
12.87:1AAA
Couleur 5
White
1.26:1Fail
Black
16.69:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Calling & Lead

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

Absolutism & Luxury

Couleur 1 concentrates all the authority of black — deep and muted, it absorbs the gaze and projects total assurance. The color of brands that have nothing to justify.

AuthorityLuxuryPowerAbsolutism
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

Lightness & Space

Couleur 3 creates space and breathing room without the aggressiveness of pure white — light and muted, it reduces visual fatigue and invites reading.

LightnessSpaceClarityPremium
Couleur 4

Purity & Timelessness

Couleur 4 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
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 →