#E8C4AA + #E8E3BD + #BCBD9B + #93967B + #DFC885 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E8C4AA

Apricot · Wheat · Peach Orange

HEX

#E8C4AA

RGB

rgb(232, 196, 170)

HSL

hsl(25, 57%, 79%)

HSB

hsb(25, 27%, 91%)

CMYK

cmyk(0%, 16%, 27%, 9%)

Oklch

oklch(84.5% 0.054 57.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E8E3BD

Fresh Green · Wheat · Lemon Cream

HEX

#E8E3BD

RGB

rgb(232, 227, 189)

HSL

hsl(53, 48%, 83%)

HSB

hsb(53, 19%, 91%)

CMYK

cmyk(0%, 2%, 19%, 9%)

Oklch

oklch(91.0% 0.050 101.1)

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

#BCBD9B

Fresh Green · Tan · Sunflower

HEX

#BCBD9B

RGB

rgb(188, 189, 155)

HSL

hsl(62, 20%, 67%)

HSB

hsb(62, 18%, 74%)

CMYK

cmyk(1%, 0%, 18%, 26%)

Oklch

oklch(78.9% 0.046 108.8)

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

#93967B

Autumn Sage · Gray · Sunflower

HEX

#93967B

RGB

rgb(147, 150, 123)

HSL

hsl(67, 11%, 54%)

HSB

hsb(67, 18%, 59%)

CMYK

cmyk(2%, 0%, 18%, 41%)

Oklch

oklch(66.3% 0.039 112.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DFC885

Ginger · BurlyWood · Sunflower

HEX

#DFC885

RGB

rgb(223, 200, 133)

HSL

hsl(45, 58%, 70%)

HSB

hsb(45, 40%, 87%)

CMYK

cmyk(0%, 10%, 40%, 13%)

Oklch

oklch(83.7% 0.090 91.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8C4AA

ABCFE8

Analogous

E8ABB0

E8C4AA

E8E3AB

Triadic

E8C4AA

ABE8C4

C4ABE8

Split-Comp.

E8C4AA

ABE8E3

ABB0E8

Tetradic

E8C4AA

B0E8AB

ABCFE8

E3ABE8

Contrast Matrix WCAG 2.1 Contrast

E8C4AA	E8E3BD	BCBD9B	93967B	DFC885
—	1.3 Fail	1.2 Fail	1.9 Fail	1.0 Fail
1.3 Fail	—	1.5 Fail	2.3 Fail	1.3 Fail
1.2 Fail	1.5 Fail	—	1.6 Fail	1.2 Fail
1.9 Fail	2.3 Fail	1.6 Fail	—	1.8 Fail
1.0 Fail	1.3 Fail	1.2 Fail	1.8 Fail	—

White BG

1.6Fail

1.3Fail

1.9Fail

3.0AA Large

1.6Fail

Black BG

12.9AAA

16.2AAA

10.9AAA

6.9AA

12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8B0

E6E6C6

BCBCA3

949482

D5D595

Deuteranopia

DBDDB2

E6E6C8

BCBCA5

949483

D6D899

Tritanopia

E6B5B6

E8CDCF

BCAAAB

938788

DEA2A5

Achromatopsia

CCCCCC

E0E0E0

B9B9B9

929292

C7C7C7

Shades & Tints Shades & Tints

#E8C4AA

Dark

Light

#E8E3BD

Dark

Light

#BCBD9B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8c4aa;
  --color-2: #e8e3bd;
  --color-3: #bcbd9b;
  --color-4: #93967b;
  --color-5: #dfc885;
}

SCSS

$color-1: #e8c4aa;
$color-2: #e8e3bd;
$color-3: #bcbd9b;
$color-4: #93967b;
$color-5: #dfc885;

TAILWIND

colors: {
  'brand-1': '#e8c4aa',
  'brand-2': '#e8e3bd',
  'brand-3': '#bcbd9b',
  'brand-4': '#93967b',
  'brand-5': '#dfc885',
}

RGB Array

[232, 196, 170], [232, 227, 189], [188, 189, 155], [147, 150, 123], [223, 200, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8C4AA, #E8E3BD, #BCBD9B, #93967B, #DFC885 is ideal for: health products, baby brands, fresh-style blogs. 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: #e8c4aa; --color-2: #e8e3bd; --color-3: #bcbd9b; --color-4: #93967b; --color-5: #dfc885. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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