← Back to Editor

#E8E0BA · #E3C9A6 · #D99B80 · #382635 · #8566A1

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

#E8E0BA

Fresh Green · Wheat · Lemon Cream

HEX
#E8E0BA
RGB
rgb(232, 224, 186)
HSL
hsl(50, 50%, 82%)
HSB
hsb(50, 20%, 91%)
CMYK
cmyk(0%, 3%, 20%, 9%)
Oklch
oklch(90.3% 0.051 97.4)

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

#E3C9A6

Goose Yellow · Wheat · Peach Orange

HEX
#E3C9A6
RGB
rgb(227, 201, 166)
HSL
hsl(34, 52%, 77%)
HSB
hsb(34, 27%, 89%)
CMYK
cmyk(0%, 11%, 27%, 11%)
Oklch
oklch(84.9% 0.055 75.1)

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

#D99B80

Apricot · DarkSalmon · Warm Sun

HEX
#D99B80
RGB
rgb(217, 155, 128)
HSL
hsl(18, 54%, 68%)
HSB
hsb(18, 41%, 85%)
CMYK
cmyk(0%, 29%, 41%, 15%)
Oklch
oklch(74.3% 0.084 44.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#382635

Rose Purple · DarkSlateGray · Dark Purple

HEX
#382635
RGB
rgb(56, 38, 53)
HSL
hsl(310, 19%, 18%)
HSB
hsb(310, 32%, 22%)
CMYK
cmyk(0%, 32%, 5%, 78%)
Oklch
oklch(29.6% 0.037 332.4)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#8566A1

Dark Plum · SlateGray · Violet

HEX
#8566A1
RGB
rgb(133, 102, 161)
HSL
hsl(272, 24%, 52%)
HSB
hsb(272, 37%, 63%)
CMYK
cmyk(17%, 37%, 0%, 37%)
Oklch
oklch(56.4% 0.095 307.7)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E0BA
BAC2E8

Analogous

E8C9BA
E8E0BA
D9E8BA

Triadic

E8E0BA
BAE8E0
E0BAE8

Split-Comp.

E8E0BA
BAD9E8
C9BAE8

Tetradic

E8E0BA
BAE8C9
BAC2E8
E8BAD9

Contrast Matrix WCAG 2.1 Contrast

E8E0BA
E3C9A6
D99B80
382635
8566A1
—
1.2
Fail
1.8
Fail
10.6
AAA
3.6
AA Large
1.2
Fail
—
1.5
Fail
8.8
AAA
3.0
Fail
1.8
Fail
1.5
Fail
—
6.0
AA
2.0
Fail
10.6
AAA
8.8
AAA
6.0
AA
—
2.9
Fail
3.6
AA Large
3.0
Fail
2.0
Fail
2.9
Fail
—
White BG
1.3Fail
1.6Fail
2.3Fail
14.0AAA
4.8AA
Black BG
15.8AAA
13.2AAA
9.0AAA
1.5Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E4C3
D8D8AE
BEBE87
303031
787793

Deuteranopia

E5E6C5
D9DBB1
C2C688
313330
797C8F

Tritanopia

E8CACC
E2B5B7
D68C8D
372F2E
838785

Achromatopsia

DEDEDE
CDCDCD
AAAAAA
2D2D2D
767676

Shades & Tints Shades & Tints

#E8E0BA

Dark
Light

#E3C9A6

Dark
Light

#D99B80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e0ba;
  --color-2: #e3c9a6;
  --color-3: #d99b80;
  --color-4: #382635;
  --color-5: #8566a1;
}

SCSS

$color-1: #e8e0ba;
$color-2: #e3c9a6;
$color-3: #d99b80;
$color-4: #382635;
$color-5: #8566a1;

TAILWIND

colors: {
  'brand-1': '#e8e0ba',
  'brand-2': '#e3c9a6',
  'brand-3': '#d99b80',
  'brand-4': '#382635',
  'brand-5': '#8566a1',
}

RGB Array

[232, 224, 186], [227, 201, 166], [217, 155, 128], [56, 38, 53], [133, 102, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8E0BA, #E3C9A6, #D99B80, #382635, #8566A1 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: #e8e0ba; --color-2: #e3c9a6; --color-3: #d99b80; --color-4: #382635; --color-5: #8566a1. 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