← Back to Editor

#E9CDC9 · #D08186 · #D3A49E · #87625C · #352726

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E9CDC9

Peach Pink · LightGray · Cherry Blossom

HEX
#E9CDC9
RGB
rgb(233, 205, 201)
HSL
hsl(8, 42%, 85%)
HSB
hsb(8, 14%, 91%)
CMYK
cmyk(0%, 12%, 14%, 9%)
Oklch
oklch(87.1% 0.032 27.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D08186

Peach Pink · LightCoral · Coral Red

HEX
#D08186
RGB
rgb(208, 129, 134)
HSL
hsl(356, 46%, 66%)
HSB
hsb(356, 38%, 82%)
CMYK
cmyk(0%, 38%, 36%, 18%)
Oklch
oklch(68.7% 0.098 15.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D3A49E

Peach Pink · Tan · Coral Red

HEX
#D3A49E
RGB
rgb(211, 164, 158)
HSL
hsl(7, 38%, 72%)
HSB
hsb(7, 25%, 83%)
CMYK
cmyk(0%, 22%, 25%, 17%)
Oklch
oklch(76.0% 0.057 26.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#87625C

Crimson · DimGray · Passion Red

HEX
#87625C
RGB
rgb(135, 98, 92)
HSL
hsl(8, 19%, 45%)
HSB
hsb(8, 32%, 53%)
CMYK
cmyk(0%, 27%, 32%, 47%)
Oklch
oklch(53.3% 0.049 29.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#352726

Crimson · DarkSlateGray · Deep Berry

HEX
#352726
RGB
rgb(53, 39, 38)
HSL
hsl(4, 16%, 18%)
HSB
hsb(4, 28%, 21%)
CMYK
cmyk(0%, 26%, 28%, 79%)
Oklch
oklch(28.9% 0.021 23.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9CDC9
C9E5E9

Analogous

E9C9D4
E9CDC9
E9DDC9

Triadic

E9CDC9
C9E9CD
CDC9E9

Split-Comp.

E9CDC9
C9E9DD
C9D4E9

Tetradic

E9CDC9
D4E9C9
C9E5E9
DDC9E9

Contrast Matrix WCAG 2.1 Contrast

E9CDC9
D08186
D3A49E
87625C
352726
—
2.0
Fail
1.5
Fail
3.6
AA Large
9.6
AAA
2.0
Fail
—
1.3
Fail
1.8
Fail
4.9
AA
1.5
Fail
1.3
Fail
—
2.4
Fail
6.5
AA
3.6
AA Large
1.8
Fail
2.4
Fail
—
2.7
Fail
9.6
AAA
4.9
AA
6.5
AA
2.7
Fail
—
White BG
1.5Fail
2.9Fail
2.2Fail
5.3AA
14.3AAA
Black BG
14.0AAA
7.2AAA
9.6AAA
3.9AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDCA
AEAD85
BFBE9F
77775D
2F2F26

Deuteranopia

DFE1CA
B2B885
C1C5A0
797C5E
303126

Tritanopia

E8CBCB
CC8484
D1A1A1
855F5F
342626

Achromatopsia

D5D5D5
999999
B1B1B1
6C6C6C
2B2B2B

Shades & Tints Shades & Tints

#E9CDC9

Dark
Light

#D08186

Dark
Light

#D3A49E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9cdc9;
  --color-2: #d08186;
  --color-3: #d3a49e;
  --color-4: #87625c;
  --color-5: #352726;
}

SCSS

$color-1: #e9cdc9;
$color-2: #d08186;
$color-3: #d3a49e;
$color-4: #87625c;
$color-5: #352726;

TAILWIND

colors: {
  'brand-1': '#e9cdc9',
  'brand-2': '#d08186',
  'brand-3': '#d3a49e',
  'brand-4': '#87625c',
  'brand-5': '#352726',
}

RGB Array

[233, 205, 201], [208, 129, 134], [211, 164, 158], [135, 98, 92], [53, 39, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9CDC9, #D08186, #D3A49E, #87625C, #352726 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e9cdc9; --color-2: #d08186; --color-3: #d3a49e; --color-4: #87625c; --color-5: #352726. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color