ColorSeed

Complementary · 5 colors · May 21, 2026

Cyborg Chic

Create palette

Through a unique chromatic harmony, Cyborg Chic composes the sobriety of a mastered architectural space. The rhythm between hues evokes growth, vitality.

ComplementaryBrandingMonochromeGradientNature
#524E60Couleur 1
RGB82 78 96HSL253 10 34
#A2A5B1Couleur 2
RGB162 165 177HSL228 9 66
#EEF651Couleur 3
RGB238 246 81HSL63 90 64
#DCE146Couleur 4
RGB220 225 70HSL62 72 58
#F2F37ACouleur 5
RGB242 243 122HSL60 83 72

Palette Usage Guide

Application Scenarios

Interface Design

Combine #524e60 for text on #eef651 background.

Emotional Impact

Through a unique chromatic harmony, Cyborg Chic composes the sobriety of a mastered architectural space. The rhythm between hues evokes growth, vitality.

Contrast Analysis
Text on Canvas

6.9:1

AA

Secondary on Canvas

1.2:1

Fail

Accent on Base

5.7:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :37 (Approximate)
#524E60
DMC 413
Pewter Gray Dk
ΔE 24
#A2A5B1
DMC 318
Steel Gray Light
ΔE 33
#EEF651
DMC 307
Lemon
ΔE 32
#DCE146
DMC 726
Topaz Light
ΔE 61
#F2F37A
DMC 727
Topaz Very Light
ΔE 33

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: #524e60;
  --color-couleur-2: #a2a5b1;
  --color-couleur-3: #eef651;
  --color-couleur-4: #dce146;
  --color-couleur-5: #f2f37a;
}
Tailwind
'cyborg-chic': {
  500: '#524e60',
  400: '#a2a5b1',
  300: '#eef651',
  200: '#dce146',
  100: '#f2f37a',
}
JSON
{
  "name": "Cyborg Chic",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#524e60"
    },
    {
      "name": "Couleur 2",
      "hex": "#a2a5b1"
    },
    {
      "name": "Couleur 3",
      "hex": "#eef651"
    },
    {
      "name": "Couleur 4",
      "hex": "#dce146"
    },
    {
      "name": "Couleur 5",
      "hex": "#f2f37a"
    }
  ]
}
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
8.02:1AAA
Black
2.62:1Fail
Couleur 2
White
2.46:1Fail
Black
8.55:1AAA
Couleur 3
White
1.17:1Fail
Black
17.94:1AAA
Couleur 4
White
1.41:1Fail
Black
14.9:1AAA
Couleur 5
White
1.17:1Fail
Black
17.88:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Cyborg Chic

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

Sophistication & Balance

Couleur 1 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 2

Lightness & Space

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

LightnessSpaceClarityPremium
Couleur 3

Clarity & Alertness

Couleur 3 radiates a light, vivid warmth reminiscent of the first hours of morning. Its luminosity stimulates mental alertness and optimism without vivid yellow's aggressiveness, maintaining a sense of comfort and clarity.

OptimismClarityAlertnessVitality
Couleur 4

Clarity & Alertness

Couleur 4 radiates a light, rich warmth reminiscent of the first hours of morning. Its luminosity stimulates mental alertness and optimism without vivid yellow's aggressiveness, maintaining a sense of comfort and clarity.

OptimismClarityAlertnessVitality
Couleur 5

Clarity & Alertness

Couleur 5 radiates a pale, vivid warmth reminiscent of the first hours of morning. Its luminosity stimulates mental alertness and optimism without vivid yellow's aggressiveness, maintaining a sense of comfort and clarity.

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