ColorSeed

Tetradic · 5 colors · May 16, 2026

Severance

Create palette

Severance weaves a unique chromatic harmony. the sobriety of a mastered architectural space — an uncompromising visual dramaturgy. It speaks of elegance, rigor and of professional.

TetradicPrintInteriorMinimal
#233027Couleur 1
RGB35 48 39HSL138 16 16
#5A6D5CCouleur 2
RGB90 109 92HSL126 10 39
#89987DCouleur 3
RGB137 152 125HSL93 12 54
#B6B19ECouleur 4
RGB182 177 158HSL47 14 67
#E4E8E6Couleur 5
RGB228 232 230HSL150 8 90

Palette Usage Guide

Application Scenarios

Interface Design

Combine #233027 for text on #e4e8e6 background.

Emotional Impact

Severance weaves a unique chromatic harmony. the sobriety of a mastered architectural space — an uncompromising visual dramaturgy. It speaks of elegance, rigor and of professional.

Contrast Analysis
Text on Canvas

11.1:1

AAA

Secondary on Canvas

2.5:1

Fail

Accent on Base

4.5:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :36 (Approximate)
#233027
DMC 500
Blue Green Vy Dk
ΔE 26
#5A6D5C
DMC 317
Pewter Gray
ΔE 28
#89987D
DMC 414
Steel Gray Dark
ΔE 55
#B6B19E
DMC 415
Pearl Gray
ΔE 54
#E4E8E6
DMC 762
Pearl Gray Vy Lt
ΔE 19

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: #233027;
  --color-couleur-2: #5a6d5c;
  --color-couleur-3: #89987d;
  --color-couleur-4: #b6b19e;
  --color-couleur-5: #e4e8e6;
}
Tailwind
'severance': {
  500: '#233027',
  400: '#5a6d5c',
  300: '#89987d',
  200: '#b6b19e',
  100: '#e4e8e6',
}
JSON
{
  "name": "Severance",
  "harmony": "Tetradic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#233027"
    },
    {
      "name": "Couleur 2",
      "hex": "#5a6d5c"
    },
    {
      "name": "Couleur 3",
      "hex": "#89987d"
    },
    {
      "name": "Couleur 4",
      "hex": "#b6b19e"
    },
    {
      "name": "Couleur 5",
      "hex": "#e4e8e6"
    }
  ]
}
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
13.78:1AAA
Black
1.52:1Fail
Couleur 2
White
5.56:1AA
Black
3.78:1AA Large
Couleur 3
White
3.07:1AA Large
Black
6.85:1AA
Couleur 4
White
2.15:1Fail
Black
9.77:1AAA
Couleur 5
White
1.24:1Fail
Black
16.98:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Severance

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

Grounding & Durability

Couleur 1 is a deep, muted sage green that anchors the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.

SolidityDurabilityTrustPermanence
Couleur 2

Sophistication & Balance

Couleur 2 masters the art of discretion — medium 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 light orange with muted saturation that whispers 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 →