← Back to Editor

#E0D6B2 · #C6C09E · #A6AE97 · #8F9991 · #828685

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E0D6B2

Goose Yellow · Wheat · Lemon Cream

HEX
#E0D6B2
RGB
rgb(224, 214, 178)
HSL
hsl(47, 43%, 79%)
HSB
hsb(47, 21%, 88%)
CMYK
cmyk(0%, 4%, 21%, 12%)
Oklch
oklch(87.5% 0.049 94.3)

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

#C6C09E

Fresh Green · Tan · Sunflower

HEX
#C6C09E
RGB
rgb(198, 192, 158)
HSL
hsl(51, 26%, 70%)
HSB
hsb(51, 20%, 78%)
CMYK
cmyk(0%, 3%, 20%, 22%)
Oklch
oklch(80.4% 0.047 99.0)

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

#A6AE97

Willow Green · DarkGray · Apple Green

HEX
#A6AE97
RGB
rgb(166, 174, 151)
HSL
hsl(81, 12%, 64%)
HSB
hsb(81, 13%, 68%)
CMYK
cmyk(5%, 0%, 13%, 32%)
Oklch
oklch(73.8% 0.033 122.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#8F9991

Ash · LightSlateGray · Silver Sand

HEX
#8F9991
RGB
rgb(143, 153, 145)
HSL
hsl(132, 5%, 58%)
HSB
hsb(132, 7%, 60%)
CMYK
cmyk(7%, 0%, 5%, 40%)
Oklch
oklch(67.2% 0.016 151.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#828685

Ash · Gray · Warm Gray

HEX
#828685
RGB
rgb(130, 134, 133)
HSL
hsl(165, 2%, 52%)
HSB
hsb(165, 3%, 53%)
CMYK
cmyk(3%, 0%, 1%, 47%)
Oklch
oklch(61.6% 0.005 179.6)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D6B2
B2BCE0

Analogous

E0BFB2
E0D6B2
D3E0B2

Triadic

E0D6B2
B2E0D6
D6B2E0

Split-Comp.

E0D6B2
B2D3E0
BFB2E0

Tetradic

E0D6B2
B2E0BF
B2BCE0
E0B2D3

Contrast Matrix WCAG 2.1 Contrast

E0D6B2
C6C09E
A6AE97
8F9991
828685
—
1.3
Fail
1.6
Fail
2.0
Fail
2.5
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
2.5
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
1.5Fail
1.8Fail
2.3Fail
2.9Fail
3.7AA Large
Black BG
14.4AAA
11.4AAA
9.1AAA
7.1AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCBB
C3C3A6
A9AA9D
939393
848485

Deuteranopia

DCDDBD
C4C4A8
A9A89E
939293
848385

Tritanopia

DFC2C3
C6ADAE
A6A1A2
909495
828585

Achromatopsia

D5D5D5
BEBEBE
A9A9A9
959595
858585

Shades & Tints Shades & Tints

#E0D6B2

Dark
Light

#C6C09E

Dark
Light

#A6AE97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d6b2;
  --color-2: #c6c09e;
  --color-3: #a6ae97;
  --color-4: #8f9991;
  --color-5: #828685;
}

SCSS

$color-1: #e0d6b2;
$color-2: #c6c09e;
$color-3: #a6ae97;
$color-4: #8f9991;
$color-5: #828685;

TAILWIND

colors: {
  'brand-1': '#e0d6b2',
  'brand-2': '#c6c09e',
  'brand-3': '#a6ae97',
  'brand-4': '#8f9991',
  'brand-5': '#828685',
}

RGB Array

[224, 214, 178], [198, 192, 158], [166, 174, 151], [143, 153, 145], [130, 134, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0D6B2, #C6C09E, #A6AE97, #8F9991, #828685 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #e0d6b2; --color-2: #c6c09e; --color-3: #a6ae97; --color-4: #8f9991; --color-5: #828685. 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. 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. 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