← Back to Editor

#E3DCC8 · #E8B595 · #E88E80 · #B85E7F · #785576

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

#E3DCC8

Goose Yellow · LightGray · Lemon Cream

HEX
#E3DCC8
RGB
rgb(227, 220, 200)
HSL
hsl(44, 33%, 84%)
HSB
hsb(44, 12%, 89%)
CMYK
cmyk(0%, 3%, 12%, 11%)
Oklch
oklch(89.5% 0.028 90.9)

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

#E8B595

Apricot · BurlyWood · Warm Sun

HEX
#E8B595
RGB
rgb(232, 181, 149)
HSL
hsl(23, 64%, 75%)
HSB
hsb(23, 36%, 91%)
CMYK
cmyk(0%, 22%, 36%, 9%)
Oklch
oklch(81.1% 0.074 53.5)

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

#E88E80

Peach Pink · DarkSalmon · Coral Red

HEX
#E88E80
RGB
rgb(232, 142, 128)
HSL
hsl(8, 69%, 71%)
HSB
hsb(8, 45%, 91%)
CMYK
cmyk(0%, 39%, 45%, 9%)
Oklch
oklch(73.7% 0.112 29.5)

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

#B85E7F

Dark Violet · Gray · Rose Pink

HEX
#B85E7F
RGB
rgb(184, 94, 127)
HSL
hsl(338, 39%, 55%)
HSB
hsb(338, 49%, 72%)
CMYK
cmyk(0%, 49%, 31%, 28%)
Oklch
oklch(59.8% 0.121 358.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#785576

Rose Purple · DimGray · Eggplant

HEX
#785576
RGB
rgb(120, 85, 118)
HSL
hsl(303, 17%, 40%)
HSB
hsb(303, 29%, 47%)
CMYK
cmyk(0%, 29%, 2%, 53%)
Oklch
oklch(49.9% 0.067 328.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3DCC8
C9D0E4

Analogous

E4CFC9
E3DCC8
DDE4C9

Triadic

E3DCC8
C9E4DC
DCC9E4

Split-Comp.

E3DCC8
C9DDE4
CFC9E4

Tetradic

E3DCC8
C9E4CF
C9D0E4
E4C9DD

Contrast Matrix WCAG 2.1 Contrast

E3DCC8
E8B595
E88E80
B85E7F
785576
—
1.3
Fail
1.8
Fail
3.1
AA Large
4.6
AA
1.3
Fail
—
1.3
Fail
2.3
Fail
3.4
AA Large
1.8
Fail
1.3
Fail
—
1.7
Fail
2.6
Fail
3.1
AA Large
2.3
Fail
1.7
Fail
—
1.5
Fail
4.6
AA
3.4
AA Large
2.6
Fail
1.5
Fail
—
White BG
1.4Fail
1.8Fail
2.4Fail
4.2AA Large
6.3AA
Black BG
15.3AAA
11.5AAA
8.6AAA
4.9AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0CD
D2D19D
C1C083
919077
69696E

Deuteranopia

E0E1CE
D5D99F
C6CD84
969D75
6B6E6C

Tritanopia

E3D1D2
E5A3A4
E38687
B3716F
766866

Achromatopsia

DCDCDC
C1C1C1
A7A7A7
7D7D7D
636363

Shades & Tints Shades & Tints

#E3DCC8

Dark
Light

#E8B595

Dark
Light

#E88E80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3dcc8;
  --color-2: #e8b595;
  --color-3: #e88e80;
  --color-4: #b85e7f;
  --color-5: #785576;
}

SCSS

$color-1: #e3dcc8;
$color-2: #e8b595;
$color-3: #e88e80;
$color-4: #b85e7f;
$color-5: #785576;

TAILWIND

colors: {
  'brand-1': '#e3dcc8',
  'brand-2': '#e8b595',
  'brand-3': '#e88e80',
  'brand-4': '#b85e7f',
  'brand-5': '#785576',
}

RGB Array

[227, 220, 200], [232, 181, 149], [232, 142, 128], [184, 94, 127], [120, 85, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3DCC8, #E8B595, #E88E80, #B85E7F, #785576 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: #e3dcc8; --color-2: #e8b595; --color-3: #e88e80; --color-4: #b85e7f; --color-5: #785576. 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