ColorSeed

Monochromatic · 5 colors · May 14, 2026

Retro Decor

Create palette

Born from "Retro Decor", Retro Decor explores a soft drift between neighboring hues on the wheel. Within it, a warm, enveloping sensuality, crossed by a dramatic tension that commands attention.

MonochromaticBrandingGameVintageMonochromeGradient
#241B12Couleur 1
RGB36 27 18HSL30 33 11
#9E3320Couleur 2
RGB158 51 32HSL9 66 37
#AD7E59Couleur 3
RGB173 126 89HSL26 34 51
#C5AB91Couleur 4
RGB197 171 145HSL30 31 67
#ECE5DBCouleur 5
RGB236 229 219HSL35 31 89

Palette Usage Guide

Application Scenarios

Interface Design

Combine #241b12 for text on #ece5db background.

Emotional Impact

Born from "Retro Decor", Retro Decor explores a soft drift between neighboring hues on the wheel. Within it, a warm, enveloping sensuality, crossed by a dramatic tension that commands attention.

Contrast Analysis
Text on Canvas

13.5:1

AAA

Secondary on Canvas

2.8:1

Fail

Accent on Base

4.8:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :41 (Approximate)
#241B12
DMC 938
Coffee Brown Ul Dk
ΔE 19
#9E3320
DMC 347
Salmon Vy Dark
ΔE 59
#AD7E59
DMC 733
Olive Green Med
ΔE 63
#C5AB91
DMC 738
Tan Very Light
ΔE 47
#ECE5DB
DMC ECRU
Ecru
ΔE 16

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: #241b12;
  --color-couleur-2: #9e3320;
  --color-couleur-3: #ad7e59;
  --color-couleur-4: #c5ab91;
  --color-couleur-5: #ece5db;
}
Tailwind
'retro-decor': {
  500: '#241b12',
  400: '#9e3320',
  300: '#ad7e59',
  200: '#c5ab91',
  100: '#ece5db',
}
JSON
{
  "name": "Retro Decor",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#241b12"
    },
    {
      "name": "Couleur 2",
      "hex": "#9e3320"
    },
    {
      "name": "Couleur 3",
      "hex": "#ad7e59"
    },
    {
      "name": "Couleur 4",
      "hex": "#c5ab91"
    },
    {
      "name": "Couleur 5",
      "hex": "#ece5db"
    }
  ]
}
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.93:1AAA
Black
1.24:1Fail
Couleur 2
White
7.12:1AAA
Black
2.95:1Fail
Couleur 3
White
3.56:1AA Large
Black
5.91:1AA
Couleur 4
White
2.19:1Fail
Black
9.61:1AAA
Couleur 5
White
1.25:1Fail
Black
16.8:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Retro Decor

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

Authenticity & Grounding

Couleur 1 commands the deep, quiet 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 2

Authority & Mastery

Couleur 2 is a dark, rich 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 3

Warmth & Benevolence

Couleur 3 evokes the medium, 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 4

Warmth & Benevolence

Couleur 4 breathes 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 5

Warmth & Benevolence

Couleur 5 breathes the pale, 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
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 →