ColorSeed

Complementary · 5 colors · June 7, 2026

Graphite Steel Equinox

Create palette

Born from "Graphite Steel Equinox", Graphite Steel Equinox explores the perfect balance of opposites — each one revealing the other. Within it, a balance between void and form, crossed by a dramatic tension that commands attention.

ComplementaryUI / AppIllustrationDarkForest
#90BFE7Couleur 1
RGB144 191 231HSL208 64 74
#BE9F84Couleur 2
RGB190 159 132HSL28 31 63
#266791Couleur 3
RGB38 103 145HSL204 58 36
#361800Couleur 4
RGB54 24 0HSL27 100 11
#001628Couleur 5
RGB0 22 40HSL207 100 8

Palette Usage Guide

Application Scenarios

Interface Design

Combine #001628 for text on #90bfe7 background.

Emotional Impact

Born from "Graphite Steel Equinox", Graphite Steel Equinox explores the perfect balance of opposites — each one revealing the other. Within it, a balance between void and form, crossed by a dramatic tension that commands attention.

Contrast Analysis
Text on Canvas

9.4:1

AAA

Secondary on Canvas

3.1:1

AA Large

Accent on Base

3:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :40 (Approximate)
#90BFE7
DMC 800
Delft Blue Pale
ΔE 24
#BE9F84
DMC 738
Tan Very Light
ΔE 59
#266791
DMC 825
Blue Dark
ΔE 31
#361800
DMC 938
Coffee Brown Ul Dk
ΔE 23
#001628
DMC 823
Navy Blue Dk
ΔE 63

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: #90bfe7;
  --color-couleur-2: #be9f84;
  --color-couleur-3: #266791;
  --color-couleur-4: #361800;
  --color-couleur-5: #001628;
}
Tailwind
'graphite-steel-equinox': {
  500: '#90bfe7',
  400: '#be9f84',
  300: '#266791',
  200: '#361800',
  100: '#001628',
}
JSON
{
  "name": "Graphite Steel Equinox",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#90bfe7"
    },
    {
      "name": "Couleur 2",
      "hex": "#be9f84"
    },
    {
      "name": "Couleur 3",
      "hex": "#266791"
    },
    {
      "name": "Couleur 4",
      "hex": "#361800"
    },
    {
      "name": "Couleur 5",
      "hex": "#001628"
    }
  ]
}
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
1.95:1Fail
Black
10.79:1AAA
Couleur 2
White
2.48:1Fail
Black
8.48:1AAA
Couleur 3
White
6.12:1AA
Black
3.43:1AA Large
Couleur 4
White
16.31:1AAA
Black
1.29:1Fail
Couleur 5
White
18.33:1AAA
Black
1.15:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Graphite Steel Equinox

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

Innovation & Precision

Couleur 1 is a pale, rich cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.

InnovationPrecisionModernityTech
Couleur 2

Warmth & Benevolence

Couleur 2 evokes the light, quiet warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.

ClosenessWarmthBenevolenceLifestyle
Couleur 3

Innovation & Precision

Couleur 3 is a dark, balanced cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.

InnovationPrecisionModernityTech
Couleur 4

Authenticity & Grounding

Couleur 4 commands the deep, vivid warmth of fired clay — a shade that is both reassuring and memorable. It evokes craftsmanship, raw materials, and tradition. Brands that adopt it communicate authenticity effortlessly.

AuthenticityCraftGroundingTradition
Couleur 5

Innovation & Precision

Couleur 5 is a deep, vivid cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.

InnovationPrecisionModernityTech
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 →