ColorSeed

Monochromatic · 5 colors · May 14, 2026

Wabi-Sabi

Create palette

Wabi-Sabi weaves a soft drift between neighboring hues on the wheel. a warm, enveloping sensuality — a dramatic tension that commands attention. It speaks of creativity, enthusiasm and of joyful.

MonochromaticPrintDarkMonochromeGradient
#3A261BCouleur 1
RGB58 38 27HSL21 36 17
#644C3ECouleur 2
RGB100 76 62HSL22 23 32
#907460Couleur 3
RGB144 116 96HSL25 20 47
#A6917CCouleur 4
RGB166 145 124HSL30 19 57
#E2DED2Couleur 5
RGB226 222 210HSL45 22 85

Palette Usage Guide

Application Scenarios

Interface Design

Combine #3a261b for text on #e2ded2 background.

Emotional Impact

Wabi-Sabi weaves a soft drift between neighboring hues on the wheel. a warm, enveloping sensuality — a dramatic tension that commands attention. It speaks of creativity, enthusiasm and of joyful.

Contrast Analysis
Text on Canvas

10.6:1

AAA

Secondary on Canvas

3.2:1

AA Large

Accent on Base

3.3:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :40 (Approximate)
#3A261B
DMC 898
Coffee Brown V Dk
ΔE 11
#644C3E
DMC 413
Pewter Gray Dk
ΔE 49
#907460
DMC 414
Steel Gray Dark
ΔE 59
#A6917C
DMC 318
Steel Gray Light
ΔE 60
#E2DED2
DMC 762
Pearl Gray Vy Lt
ΔE 21

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: #3a261b;
  --color-couleur-2: #644c3e;
  --color-couleur-3: #907460;
  --color-couleur-4: #a6917c;
  --color-couleur-5: #e2ded2;
}
Tailwind
'wabi-sabi-': {
  500: '#3a261b',
  400: '#644c3e',
  300: '#907460',
  200: '#a6917c',
  100: '#e2ded2',
}
JSON
{
  "name": "Wabi-Sabi  ",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#3a261b"
    },
    {
      "name": "Couleur 2",
      "hex": "#644c3e"
    },
    {
      "name": "Couleur 3",
      "hex": "#907460"
    },
    {
      "name": "Couleur 4",
      "hex": "#a6917c"
    },
    {
      "name": "Couleur 5",
      "hex": "#e2ded2"
    }
  ]
}
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
14.26:1AAA
Black
1.47:1Fail
Couleur 2
White
7.94:1AAA
Black
2.65:1Fail
Couleur 3
White
4.33:1AA Large
Black
4.85:1AA
Couleur 4
White
3.02:1AA Large
Black
6.96:1AA
Couleur 5
White
1.35:1Fail
Black
15.61:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Wabi-Sabi

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

Authenticity & Grounding

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

Authenticity & Grounding

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

Warmth & Benevolence

Couleur 4 anchors the light, muted 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

Creativity & Accessibility

Couleur 5 is a pale orange with quiet saturation that whispers positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.

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