← Back to Editor

#E8D3A9 · #E39B7D · #6E6460 · #89B399 · #BCBFA3

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 Library

Color Details Color Details

#E8D3A9

Goose Yellow · Wheat · Lemon Cream

HEX
#E8D3A9
RGB
rgb(232, 211, 169)
HSL
hsl(40, 58%, 79%)
HSB
hsb(40, 27%, 91%)
CMYK
cmyk(0%, 9%, 27%, 9%)
Oklch
oklch(87.4% 0.060 84.5)

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

#E39B7D

Apricot · DarkSalmon · Warm Sun

HEX
#E39B7D
RGB
rgb(227, 155, 125)
HSL
hsl(18, 65%, 69%)
HSB
hsb(18, 45%, 89%)
CMYK
cmyk(0%, 32%, 45%, 11%)
Oklch
oklch(75.3% 0.096 43.4)

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

#6E6460

Ink Gray · DimGray · Charcoal

HEX
#6E6460
RGB
rgb(110, 100, 96)
HSL
hsl(17, 7%, 40%)
HSB
hsb(17, 13%, 43%)
CMYK
cmyk(0%, 9%, 13%, 57%)
Oklch
oklch(51.1% 0.014 43.2)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#89B399

Celadon · DarkSeaGreen · Apple Green

HEX
#89B399
RGB
rgb(137, 179, 153)
HSL
hsl(143, 22%, 62%)
HSB
hsb(143, 23%, 70%)
CMYK
cmyk(23%, 0%, 15%, 30%)
Oklch
oklch(72.9% 0.059 157.4)

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

#BCBFA3

Fresh Green · Silver · Sunflower

HEX
#BCBFA3
RGB
rgb(188, 191, 163)
HSL
hsl(66, 18%, 69%)
HSB
hsb(66, 15%, 75%)
CMYK
cmyk(2%, 0%, 15%, 25%)
Oklch
oklch(79.5% 0.038 112.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8D3A9
AABFE9

Analogous

E9B5AA
E8D3A9
DEE9AA

Triadic

E8D3A9
AAE9D4
D4AAE9

Split-Comp.

E8D3A9
AADEE9
B5AAE9

Tetradic

E8D3A9
AAE9B5
AABFE9
E9AADE

Contrast Matrix WCAG 2.1 Contrast

E8D3A9
E39B7D
6E6460
89B399
BCBFA3
—
1.5
Fail
3.9
AA Large
1.6
Fail
1.3
Fail
1.5
Fail
—
2.5
Fail
1.0
Fail
1.2
Fail
3.9
AA Large
2.5
Fail
—
2.5
Fail
3.0
AA Large
1.6
Fail
1.0
Fail
2.5
Fail
—
1.2
Fail
1.3
Fail
1.2
Fail
3.0
AA Large
1.2
Fail
—
White BG
1.5Fail
2.3Fail
5.7AA
2.3Fail
1.9Fail
Black BG
14.3AAA
9.3AAA
3.7AA Large
9.0AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFB3
C4C384
6A6A61
9B9C9F
BDBDAA

Deuteranopia

E0E2B6
C8CD86
6A6B61
9996A1
BDBDAB

Tritanopia

E7BBBD
DF8A8B
6E6262
8BA4A5
BCAFB0

Achromatopsia

D4D4D4
ADADAD
676767
A3A3A3
BBBBBB

Shades & Tints Shades & Tints

#E8D3A9

Dark
Light

#E39B7D

Dark
Light

#6E6460

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8d3a9;
  --color-2: #e39b7d;
  --color-3: #6e6460;
  --color-4: #89b399;
  --color-5: #bcbfa3;
}

SCSS

$color-1: #e8d3a9;
$color-2: #e39b7d;
$color-3: #6e6460;
$color-4: #89b399;
$color-5: #bcbfa3;

TAILWIND

colors: {
  'brand-1': '#e8d3a9',
  'brand-2': '#e39b7d',
  'brand-3': '#6e6460',
  'brand-4': '#89b399',
  'brand-5': '#bcbfa3',
}

RGB Array

[232, 211, 169], [227, 155, 125], [110, 100, 96], [137, 179, 153], [188, 191, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8D3A9, #E39B7D, #6E6460, #89B399, #BCBFA3 is ideal for: corporate websites, product showcases, portfolios. 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: #e8d3a9; --color-2: #e39b7d; --color-3: #6e6460; --color-4: #89b399; --color-5: #bcbfa3. 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. 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