← Back to Editor

#E8DFC6 · #A0AEB6 · #8C899B · #7D5E74 · #2C1137

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 LibraryData Visualization

Color Details Color Details

#E8DFC6

Goose Yellow · Wheat · Lemon Cream

HEX
#E8DFC6
RGB
rgb(232, 223, 198)
HSL
hsl(44, 42%, 84%)
HSB
hsb(44, 15%, 91%)
CMYK
cmyk(0%, 4%, 15%, 9%)
Oklch
oklch(90.4% 0.035 90.5)

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

#A0AEB6

Sky Blue · DarkGray · Cobalt Blue

HEX
#A0AEB6
RGB
rgb(160, 174, 182)
HSL
hsl(202, 13%, 67%)
HSB
hsb(202, 12%, 71%)
CMYK
cmyk(12%, 4%, 0%, 29%)
Oklch
oklch(74.2% 0.020 232.6)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#8C899B

Deep Indigo · LightSlateGray · Silver Sand

HEX
#8C899B
RGB
rgb(140, 137, 155)
HSL
hsl(250, 8%, 57%)
HSB
hsb(250, 12%, 61%)
CMYK
cmyk(10%, 12%, 0%, 39%)
Oklch
oklch(63.9% 0.027 293.3)

Traditional「Deep Indigo」· Paint「Silver Sand」· Creative Urban Concrete

#7D5E74

Rose Purple · DimGray · Violet

HEX
#7D5E74
RGB
rgb(125, 94, 116)
HSL
hsl(317, 14%, 43%)
HSB
hsb(317, 25%, 49%)
CMYK
cmyk(0%, 25%, 7%, 51%)
Oklch
oklch(52.1% 0.051 337.2)

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

#2C1137

Royal Purple · MidnightBlue · Dark Purple

HEX
#2C1137
RGB
rgb(44, 17, 55)
HSL
hsl(283, 53%, 14%)
HSB
hsb(283, 69%, 22%)
CMYK
cmyk(20%, 69%, 0%, 78%)
Oklch
oklch(23.9% 0.076 315.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8DFC6
C5CEE7

Analogous

E7CDC5
E8DFC6
DFE7C5

Triadic

E8DFC6
C5E7DE
DEC5E7

Split-Comp.

E8DFC6
C5DFE7
CDC5E7

Tetradic

E8DFC6
C5E7CD
C5CEE7
E7C5DF

Contrast Matrix WCAG 2.1 Contrast

E8DFC6
A0AEB6
8C899B
7D5E74
2C1137
—
1.7
Fail
2.6
Fail
4.2
AA Large
12.7
AAA
1.7
Fail
—
1.5
Fail
2.5
Fail
7.4
AAA
2.6
Fail
1.5
Fail
—
1.7
Fail
5.0
AA
4.2
AA Large
2.5
Fail
1.7
Fail
—
3.0
Fail
12.7
AAA
7.4
AAA
5.0
AA
3.0
Fail
—
White BG
1.3Fail
2.3Fail
3.4AA Large
5.6AA
16.9AAA
Black BG
15.8AAA
9.2AAA
6.2AA
3.7AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4CC
A6A6B4
8B8B97
706F6F
20202E

Deuteranopia

E5E5CE
A5A4B4
8B8B96
71746D
22242C

Tritanopia

E8D1D2
A1B3B2
8C9392
7B6A6A
2B2725

Achromatopsia

DFDFDF
ABABAB
8C8C8C
6A6A6A
1D1D1D

Shades & Tints Shades & Tints

#E8DFC6

Dark
Light

#A0AEB6

Dark
Light

#8C899B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8dfc6;
  --color-2: #a0aeb6;
  --color-3: #8c899b;
  --color-4: #7d5e74;
  --color-5: #2c1137;
}

SCSS

$color-1: #e8dfc6;
$color-2: #a0aeb6;
$color-3: #8c899b;
$color-4: #7d5e74;
$color-5: #2c1137;

TAILWIND

colors: {
  'brand-1': '#e8dfc6',
  'brand-2': '#a0aeb6',
  'brand-3': '#8c899b',
  'brand-4': '#7d5e74',
  'brand-5': '#2c1137',
}

RGB Array

[232, 223, 198], [160, 174, 182], [140, 137, 155], [125, 94, 116], [44, 17, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8DFC6, #A0AEB6, #8C899B, #7D5E74, #2C1137 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: #e8dfc6; --color-2: #a0aeb6; --color-3: #8c899b; --color-4: #7d5e74; --color-5: #2c1137. 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. 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