#E6DFA8 + #E0CE99 + #D9B686 + #DE9B7E + #E37B71 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6DFA8

Fresh Green · Wheat · Lemon Cream

HEX

#E6DFA8

RGB

rgb(230, 223, 168)

HSL

hsl(53, 55%, 78%)

HSB

hsb(53, 27%, 90%)

CMYK

cmyk(0%, 3%, 27%, 10%)

Oklch

oklch(89.6% 0.072 101.6)

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

#E0CE99

Goose Yellow · BurlyWood · Sunflower

HEX

#E0CE99

RGB

rgb(224, 206, 153)

HSL

hsl(45, 53%, 74%)

HSB

hsb(45, 32%, 88%)

CMYK

cmyk(0%, 8%, 32%, 12%)

Oklch

oklch(85.4% 0.072 91.5)

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

#D9B686

Ginger · BurlyWood · Warm Sun

HEX

#D9B686

RGB

rgb(217, 182, 134)

HSL

hsl(35, 52%, 69%)

HSB

hsb(35, 38%, 85%)

CMYK

cmyk(0%, 16%, 38%, 15%)

Oklch

oklch(79.6% 0.075 75.1)

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

#DE9B7E

Apricot · DarkSalmon · Warm Sun

HEX

#DE9B7E

RGB

rgb(222, 155, 126)

HSL

hsl(18, 59%, 68%)

HSB

hsb(18, 43%, 87%)

CMYK

cmyk(0%, 30%, 43%, 13%)

Oklch

oklch(74.8% 0.090 44.3)

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

#E37B71

Peach Pink · LightCoral · Coral Red

HEX

#E37B71

RGB

rgb(227, 123, 113)

HSL

hsl(5, 67%, 67%)

HSB

hsb(5, 50%, 89%)

CMYK

cmyk(0%, 46%, 50%, 11%)

Oklch

oklch(69.7% 0.131 26.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6DFA8

A8AFE6

Analogous

E6C0A8

E6DFA8

CEE6A8

Triadic

E6DFA8

A8E6DF

DFA8E6

Split-Comp.

E6DFA8

A8CEE6

C0A8E6

Tetradic

E6DFA8

A8E6C0

A8AFE6

E6A8CE

Contrast Matrix WCAG 2.1 Contrast

E6DFA8	E0CE99	D9B686	DE9B7E	E37B71
—	1.2 Fail	1.4 Fail	1.7 Fail	2.1 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	1.8 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
1.7 Fail	1.5 Fail	1.2 Fail	—	1.2 Fail
2.1 Fail	1.8 Fail	1.5 Fail	1.2 Fail	—

White BG

1.4Fail

1.6Fail

1.9Fail

2.3Fail

2.9Fail

Black BG

15.5AAA

13.5AAA

11.0AAA

9.1AAA

7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3B5

D8D8A6

CACA92

C1C085

B6B573

Deuteranopia

E3E4B9

D9DBA9

CCCE94

C5CA87

BCC474

Tritanopia

E6C0C2

DFB0B2

D79B9D

DB8B8C

DE7576

Achromatopsia

DBDBDB

CDCDCD

BBBBBB

ACACAC

999999

Shades & Tints Shades & Tints

#E6DFA8

Dark

Light

#E0CE99

Dark

Light

#D9B686

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6dfa8;
  --color-2: #e0ce99;
  --color-3: #d9b686;
  --color-4: #de9b7e;
  --color-5: #e37b71;
}

SCSS

$color-1: #e6dfa8;
$color-2: #e0ce99;
$color-3: #d9b686;
$color-4: #de9b7e;
$color-5: #e37b71;

TAILWIND

colors: {
  'brand-1': '#e6dfa8',
  'brand-2': '#e0ce99',
  'brand-3': '#d9b686',
  'brand-4': '#de9b7e',
  'brand-5': '#e37b71',
}

RGB Array

[230, 223, 168], [224, 206, 153], [217, 182, 134], [222, 155, 126], [227, 123, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #E6DFA8, #E0CE99, #D9B686, #DE9B7E, #E37B71 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: #e6dfa8; --color-2: #e0ce99; --color-3: #d9b686; --color-4: #de9b7e; --color-5: #e37b71. 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 earth-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