ColorSeed

Complementary · 5 colors · May 26, 2026

Whitish Madder Reality

Create palette

Through the rare polyphony of four independent hues in dialogue, Whitish Madder Reality composes a mineral, soothing freshness. The contrast between hues evokes trust, depth.

ComplementaryPrintInteriorCoolOcean
#F3C9EECouleur 1
RGB243 201 238HSL307 64 87
#E3C6A1Couleur 2
RGB227 198 161HSL34 54 76
#21916CCouleur 3
RGB33 145 108HSL160 63 35
#47617BCouleur 4
RGB71 97 123HSL210 27 38
#564E53Couleur 5
RGB86 78 83HSL323 5 32

Palette Usage Guide

Application Scenarios

Interface Design

Combine #564e53 for text on #f3c9ee background.

Emotional Impact

Through the rare polyphony of four independent hues in dialogue, Whitish Madder Reality composes a mineral, soothing freshness. The contrast between hues evokes trust, depth.

Contrast Analysis
Text on Canvas

5.5:1

AA

Secondary on Canvas

2.7:1

Fail

Accent on Base

2:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :40 (Approximate)
#F3C9EE
DMC 605
Cranberry Vy Lt
ΔE 43
#E3C6A1
DMC 739
Tan Ultra Vy Lt
ΔE 39
#21916C
DMC 3812
Sea Green Vy Dk
ΔE 41
#47617B
DMC 317
Pewter Gray
ΔE 59
#564E53
DMC 413
Pewter Gray Dk
ΔE 17

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: #f3c9ee;
  --color-couleur-2: #e3c6a1;
  --color-couleur-3: #21916c;
  --color-couleur-4: #47617b;
  --color-couleur-5: #564e53;
}
Tailwind
'whitish-madder-reality': {
  500: '#f3c9ee',
  400: '#e3c6a1',
  300: '#21916c',
  200: '#47617b',
  100: '#564e53',
}
JSON
{
  "name": "Whitish Madder Reality",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f3c9ee"
    },
    {
      "name": "Couleur 2",
      "hex": "#e3c6a1"
    },
    {
      "name": "Couleur 3",
      "hex": "#21916c"
    },
    {
      "name": "Couleur 4",
      "hex": "#47617b"
    },
    {
      "name": "Couleur 5",
      "hex": "#564e53"
    }
  ]
}
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.46:1Fail
Black
14.4:1AAA
Couleur 2
White
1.63:1Fail
Black
12.86:1AAA
Couleur 3
White
3.94:1AA Large
Black
5.33:1AA
Couleur 4
White
6.43:1AA
Black
3.26:1AA Large
Couleur 5
White
8.04:1AAA
Black
2.61:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Whitish Madder Reality

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

Boldness & Modernity

Couleur 1 is a pale, rich rose that breathes an unapologetic and memorable modernity. Its high saturation asserts itself in contemporary luxury, beauty, and brands that make their boldness an identity.

BoldnessModernityLuxuryMemorability
Couleur 2

Warmth & Benevolence

Couleur 2 breathes the pale, balanced 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

Depth & Mystery

Couleur 3 evokes the silent depth of the ocean floor — a dark, rich hue at the boundary of blue and green. Rare and sophisticated, it evokes a quiet wisdom and accessible mystery. It commands without aggression.

MysteryDepthWisdomSophistication
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

Sophistication & Balance

Couleur 5 masters the art of discretion — dark and muted, it structures without dominating. Ideal as a background or type color in mature design systems.

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