ColorSeed

Complementary · 5 colors · May 16, 2026

Stranger Things

Create palette

Stranger Things weaves a unique chromatic harmony. a balance between void and form — a dramatic tension that commands attention. It speaks of growth, vitality and of calming.

ComplementaryPrintDarkCool
#0F0E18Couleur 1
RGB15 14 24HSL246 26 7
#203350Couleur 2
RGB32 51 80HSL216 43 22
#822828Couleur 3
RGB130 40 40HSL0 53 33
#4F7386Couleur 4
RGB79 115 134HSL201 26 42
#B8B8B0Couleur 5
RGB184 184 176HSL60 5 71

Palette Usage Guide

Application Scenarios

Interface Design

Combine #0f0e18 for text on #b8b8b0 background.

Emotional Impact

Stranger Things weaves a unique chromatic harmony. a balance between void and form — a dramatic tension that commands attention. It speaks of growth, vitality and of calming.

Contrast Analysis
Text on Canvas

9.6:1

AAA

Secondary on Canvas

4.6:1

AA

Accent on Base

2.1:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :35 (Approximate)
#0F0E18
DMC 938
Coffee Brown Ul Dk
ΔE 50
#203350
DMC 336
Navy Blue
ΔE 27
#822828
DMC 816
Garnet
ΔE 29
#4F7386
DMC 3838
Lavender Blue Dk
ΔE 48
#B8B8B0
DMC 415
Pearl Gray
ΔE 23

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: #0f0e18;
  --color-couleur-2: #203350;
  --color-couleur-3: #822828;
  --color-couleur-4: #4f7386;
  --color-couleur-5: #b8b8b0;
}
Tailwind
'stranger-things': {
  500: '#0f0e18',
  400: '#203350',
  300: '#822828',
  200: '#4f7386',
  100: '#b8b8b0',
}
JSON
{
  "name": "Stranger Things",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#0f0e18"
    },
    {
      "name": "Couleur 2",
      "hex": "#203350"
    },
    {
      "name": "Couleur 3",
      "hex": "#822828"
    },
    {
      "name": "Couleur 4",
      "hex": "#4f7386"
    },
    {
      "name": "Couleur 5",
      "hex": "#b8b8b0"
    }
  ]
}
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
19.16:1AAA
Black
1.1:1Fail
Couleur 2
White
12.72:1AAA
Black
1.65:1Fail
Couleur 3
White
9.2:1AAA
Black
2.28:1Fail
Couleur 4
White
5.09:1AA
Black
4.13:1AA Large
Couleur 5
White
2:1Fail
Black
10.52:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Stranger Things

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

Wisdom & Depth

Couleur 1 is a deep, quiet indigo that commands the creative tension between blue's structure and violet's imagination. Its chromatic density evokes clear nights and contemplative thought — the color of brands that cultivate expertise and long-term vision.

WisdomDepthVisionExpertise
Couleur 2

Trust & Authority

Couleur 2 commands the dark, balanced 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 3

Authority & Mastery

Couleur 3 is a dark, balanced red that evokes a direct, assertive presence. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity
Couleur 4

Serenity & Lightness

Couleur 4 is a medium, quiet cyan positioned midway between blue's analytical rigor and green's vitality. More airy, it reduces cognitive friction and eases exploration. The shade of interfaces that guide without imposing.

SerenityLightnessClarityGuidance
Couleur 5

Lightness & Space

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

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