ColorSeed

Analogous · 5 colors · May 14, 2026

Wabi-sabi Green touch

Create palette

Built on an organic progression between hues bound by kinship, Wabi-sabi Green touch unfolds a warm register that draws and holds. an uncompromising visual dramaturgy — an invitation to creativity and enthusiasm.

AnalogousWebPrintCoolPastelDark
#2C3215Couleur 1
RGB44 50 21HSL72 41 14
#63643FCouleur 2
RGB99 100 63HSL62 23 32
#B7AB9ECouleur 3
RGB183 171 158HSL31 15 67
#CCC2B7Couleur 4
RGB204 194 183HSL31 17 76
#DBD3CCCouleur 5
RGB219 211 204HSL28 17 83

Palette Usage Guide

Application Scenarios

Interface Design

Combine #2c3215 for text on #dbd3cc background.

Emotional Impact

Built on an organic progression between hues bound by kinship, Wabi-sabi Green touch unfolds a warm register that draws and holds. an uncompromising visual dramaturgy — an invitation to creativity and enthusiasm.

Contrast Analysis
Text on Canvas

9:1

AAA

Secondary on Canvas

1.5:1

Fail

Accent on Base

5.9:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :40 (Approximate)
#2C3215
DMC 898
Coffee Brown V Dk
ΔE 37
#63643F
DMC 987
Forest Green Dk
ΔE 49
#B7AB9E
DMC 318
Steel Gray Light
ΔE 48
#CCC2B7
DMC 415
Pearl Gray
ΔE 28
#DBD3CC
DMC 762
Pearl Gray Vy Lt
ΔE 40

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: #2c3215;
  --color-couleur-2: #63643f;
  --color-couleur-3: #b7ab9e;
  --color-couleur-4: #ccc2b7;
  --color-couleur-5: #dbd3cc;
}
Tailwind
'wabi-sabi-green-touch': {
  500: '#2c3215',
  400: '#63643f',
  300: '#b7ab9e',
  200: '#ccc2b7',
  100: '#dbd3cc',
}
JSON
{
  "name": "Wabi-sabi Green touch",
  "harmony": "Analogous",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#2c3215"
    },
    {
      "name": "Couleur 2",
      "hex": "#63643f"
    },
    {
      "name": "Couleur 3",
      "hex": "#b7ab9e"
    },
    {
      "name": "Couleur 4",
      "hex": "#ccc2b7"
    },
    {
      "name": "Couleur 5",
      "hex": "#dbd3cc"
    }
  ]
}
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
13.34:1AAA
Black
1.57:1Fail
Couleur 2
White
6.13:1AA
Black
3.43:1AA Large
Couleur 3
White
2.25:1Fail
Black
9.33:1AAA
Couleur 4
White
1.75:1Fail
Black
11.97:1AAA
Couleur 5
White
1.48:1Fail
Black
14.2:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Wabi-sabi Green touch

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

Dynamism & Originality

Couleur 1 occupies rare chromatic territory — between yellow and green — with a balanced saturation that makes it dynamic and fresh. More restrained, it blends green's vitality with yellow's liveliness without assaulting the eye — ideal as an accent.

DynamismFreshnessOriginalityEnergy
Couleur 2

Richness & Resonance

Couleur 2 radiates a dark, quiet warmth reminiscent of raw honey and aged gold. This amber depth is associated with richness, heritage, and cultural authenticity — a timeless symbol of lasting value.

RichnessHeritageAuthenticityDepth
Couleur 3

Warmth & Benevolence

Couleur 3 whispers 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 4

Warmth & Benevolence

Couleur 4 whispers the pale, 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

Warmth & Benevolence

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