← Back to Editor

#E0D0B9 · #C8BCA4 · #7D7465 · #443D37 · #2B2519

muted

A 5-color muted 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

#E0D0B9

Goose Yellow · Wheat · Peach Orange

HEX
#E0D0B9
RGB
rgb(224, 208, 185)
HSL
hsl(35, 39%, 80%)
HSB
hsb(35, 17%, 88%)
CMYK
cmyk(0%, 7%, 17%, 12%)
Oklch
oklch(86.5% 0.036 77.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C8BCA4

Goose Yellow · Tan · Sunflower

HEX
#C8BCA4
RGB
rgb(200, 188, 164)
HSL
hsl(40, 25%, 71%)
HSB
hsb(40, 18%, 78%)
CMYK
cmyk(0%, 6%, 18%, 22%)
Oklch
oklch(79.9% 0.036 84.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#7D7465

Ochre · DimGray · Amber Brown

HEX
#7D7465
RGB
rgb(125, 116, 101)
HSL
hsl(38, 11%, 44%)
HSB
hsb(38, 19%, 49%)
CMYK
cmyk(0%, 7%, 19%, 51%)
Oklch
oklch(56.3% 0.025 80.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#443D37

Tangerine · DarkSlateGray · Cinnamon

HEX
#443D37
RGB
rgb(68, 61, 55)
HSL
hsl(28, 11%, 24%)
HSB
hsb(28, 19%, 27%)
CMYK
cmyk(0%, 10%, 19%, 73%)
Oklch
oklch(36.5% 0.014 63.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#2B2519

Ochre · Black · Amber Gold

HEX
#2B2519
RGB
rgb(43, 37, 25)
HSL
hsl(40, 26%, 13%)
HSB
hsb(40, 42%, 17%)
CMYK
cmyk(0%, 14%, 42%, 83%)
Oklch
oklch(26.7% 0.023 84.3)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D0B9
B8C9E0

Analogous

E0BBB8
E0D0B9
DDE0B8

Triadic

E0D0B9
B8E0CF
CFB8E0

Split-Comp.

E0D0B9
B8DDE0
BBB8E0

Tetradic

E0D0B9
B8E0BB
B8C9E0
E0B8DD

Contrast Matrix WCAG 2.1 Contrast

E0D0B9
C8BCA4
7D7465
443D37
2B2519
—
1.2
Fail
3.0
AA Large
7.1
AAA
10.1
AAA
1.2
Fail
—
2.5
Fail
5.7
AA
8.1
AAA
3.0
AA Large
2.5
Fail
—
2.3
Fail
3.3
AA Large
7.1
AAA
5.7
AA
2.3
Fail
—
1.4
Fail
10.1
AAA
8.1
AAA
3.3
AA Large
1.4
Fail
—
White BG
1.5Fail
1.9Fail
4.6AA
10.7AAA
15.2AAA
Black BG
13.9AAA
11.2AAA
4.6AA
2.0Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9BF
C3C3AA
797969
414138
28281C

Deuteranopia

DADBC0
C4C4AB
7A7A69
414239
29291D

Tritanopia

DFC3C4
C7AEAF
7D6B6C
443A3A
2B1E1F

Achromatopsia

D2D2D2
BDBDBD
757575
3E3E3E
252525

Shades & Tints Shades & Tints

#E0D0B9

Dark
Light

#C8BCA4

Dark
Light

#7D7465

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d0b9;
  --color-2: #c8bca4;
  --color-3: #7d7465;
  --color-4: #443d37;
  --color-5: #2b2519;
}

SCSS

$color-1: #e0d0b9;
$color-2: #c8bca4;
$color-3: #7d7465;
$color-4: #443d37;
$color-5: #2b2519;

TAILWIND

colors: {
  'brand-1': '#e0d0b9',
  'brand-2': '#c8bca4',
  'brand-3': '#7d7465',
  'brand-4': '#443d37',
  'brand-5': '#2b2519',
}

RGB Array

[224, 208, 185], [200, 188, 164], [125, 116, 101], [68, 61, 55], [43, 37, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #E0D0B9, #C8BCA4, #7D7465, #443D37, #2B2519 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e0d0b9; --color-2: #c8bca4; --color-3: #7d7465; --color-4: #443d37; --color-5: #2b2519. 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 muted-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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