← Back to Editor

#E0D5C9 · #B0BEC1 · #C0AF84 · #EDDB86 · #555F6B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E0D5C9

Goose Yellow · LightGray · Peach Orange

HEX
#E0D5C9
RGB
rgb(224, 213, 201)
HSL
hsl(31, 27%, 83%)
HSB
hsb(31, 10%, 88%)
CMYK
cmyk(0%, 5%, 10%, 12%)
Oklch
oklch(87.9% 0.020 70.0)

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

#B0BEC1

Sky Blue · Silver · Lake Green

HEX
#B0BEC1
RGB
rgb(176, 190, 193)
HSL
hsl(191, 12%, 72%)
HSB
hsb(191, 9%, 76%)
CMYK
cmyk(9%, 2%, 0%, 24%)
Oklch
oklch(79.2% 0.016 212.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C0AF84

Ginger · Tan · Sunflower

HEX
#C0AF84
RGB
rgb(192, 175, 132)
HSL
hsl(43, 32%, 64%)
HSB
hsb(43, 31%, 75%)
CMYK
cmyk(0%, 9%, 31%, 25%)
Oklch
oklch(75.8% 0.061 89.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EDDB86

Fresh Green · Khaki · Sunflower

HEX
#EDDB86
RGB
rgb(237, 219, 134)
HSL
hsl(50, 74%, 73%)
HSB
hsb(50, 43%, 93%)
CMYK
cmyk(0%, 8%, 43%, 7%)
Oklch
oklch(88.8% 0.107 97.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#555F6B

Indigo · DimGray · Prussian Blue

HEX
#555F6B
RGB
rgb(85, 95, 107)
HSL
hsl(213, 11%, 38%)
HSB
hsb(213, 21%, 42%)
CMYK
cmyk(21%, 11%, 0%, 58%)
Oklch
oklch(48.1% 0.023 253.0)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D5C9
C8D3DF

Analogous

DFC8C8
E0D5C9
DFDFC8

Triadic

E0D5C9
C8DFD4
D4C8DF

Split-Comp.

E0D5C9
C8DFDF
C8C8DF

Tetradic

E0D5C9
C8DFC8
C8D3DF
DFC8DF

Contrast Matrix WCAG 2.1 Contrast

E0D5C9
B0BEC1
C0AF84
EDDB86
555F6B
—
1.3
Fail
1.5
Fail
1.0
Fail
4.5
AA Large
1.3
Fail
—
1.1
Fail
1.4
Fail
3.4
AA Large
1.5
Fail
1.1
Fail
—
1.6
Fail
3.0
AA Large
1.0
Fail
1.4
Fail
1.6
Fail
—
4.7
AA
4.5
AA Large
3.4
AA Large
3.0
AA Large
4.7
AA
—
White BG
1.4Fail
1.9Fail
2.2Fail
1.4Fail
6.5AA
Black BG
14.5AAA
11.0AAA
9.7AAA
15.1AAA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBCC
B6B6C0
B9B88E
E5E59B
595968

Deuteranopia

DCDDCD
B5B4C0
BABB91
E6E8A0
595867

Tritanopia

DFCECF
B1C0C0
BF9798
ECABAE
566665

Achromatopsia

D7D7D7
BABABA
AFAFAF
D7D7D7
5D5D5D

Shades & Tints Shades & Tints

#E0D5C9

Dark
Light

#B0BEC1

Dark
Light

#C0AF84

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d5c9;
  --color-2: #b0bec1;
  --color-3: #c0af84;
  --color-4: #eddb86;
  --color-5: #555f6b;
}

SCSS

$color-1: #e0d5c9;
$color-2: #b0bec1;
$color-3: #c0af84;
$color-4: #eddb86;
$color-5: #555f6b;

TAILWIND

colors: {
  'brand-1': '#e0d5c9',
  'brand-2': '#b0bec1',
  'brand-3': '#c0af84',
  'brand-4': '#eddb86',
  'brand-5': '#555f6b',
}

RGB Array

[224, 213, 201], [176, 190, 193], [192, 175, 132], [237, 219, 134], [85, 95, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0D5C9, #B0BEC1, #C0AF84, #EDDB86, #555F6B is ideal for: health products, baby brands, fresh-style blogs, 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: #e0d5c9; --color-2: #b0bec1; --color-3: #c0af84; --color-4: #eddb86; --color-5: #555f6b. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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