#E0DFC2 + #DDDDBE + #DBD9BA + #E8E1B2 + #E5D79E · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0DFC2

Fresh Green · LightGray · Lemon Cream

HEX

#E0DFC2

RGB

rgb(224, 223, 194)

HSL

hsl(58, 33%, 82%)

HSB

hsb(58, 13%, 88%)

CMYK

cmyk(0%, 0%, 13%, 12%)

Oklch

oklch(89.7% 0.039 105.5)

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

#DDDDBE

Fresh Green · LightGray · Lemon Cream

HEX

#DDDDBE

RGB

rgb(221, 221, 190)

HSL

hsl(60, 31%, 81%)

HSB

hsb(60, 14%, 87%)

CMYK

cmyk(0%, 0%, 14%, 13%)

Oklch

oklch(88.9% 0.041 107.2)

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

#DBD9BA

Fresh Green · LightGray · Lemon Cream

HEX

#DBD9BA

RGB

rgb(219, 217, 186)

HSL

hsl(56, 31%, 79%)

HSB

hsb(56, 15%, 86%)

CMYK

cmyk(0%, 1%, 15%, 14%)

Oklch

oklch(87.9% 0.041 104.2)

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

#E8E1B2

Fresh Green · Wheat · Lemon Cream

HEX

#E8E1B2

RGB

rgb(232, 225, 178)

HSL

hsl(52, 54%, 80%)

HSB

hsb(52, 23%, 91%)

CMYK

cmyk(0%, 3%, 23%, 9%)

Oklch

oklch(90.4% 0.062 100.5)

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

#E5D79E

Goose Yellow · Khaki · Lemon Cream

HEX

#E5D79E

RGB

rgb(229, 215, 158)

HSL

hsl(48, 58%, 76%)

HSB

hsb(48, 31%, 90%)

CMYK

cmyk(0%, 6%, 31%, 10%)

Oklch

oklch(87.7% 0.075 96.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0DFC2

C2C3E0

Analogous

E0D0C2

E0DFC2

D2E0C2

Triadic

E0DFC2

C2E0DF

DFC2E0

Split-Comp.

E0DFC2

C2D2E0

D0C2E0

Tetradic

E0DFC2

C2E0D0

C2C3E0

E0C2D2

Contrast Matrix WCAG 2.1 Contrast

E0DFC2	DDDDBE	DBD9BA	E8E1B2	E5D79E
—	1.0 Fail	1.1 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.0 Fail	1.0 Fail	1.1 Fail	—

White BG

1.4Fail

1.3Fail

1.4Fail

Black BG

15.5AAA

15.2AAA

14.6AAA

15.8AAA

14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0C9

DDDDC6

DADAC2

E5E5BD

DFDFAC

Deuteranopia

E0E0CB

DDDDC7

DADAC3

E5E6C0

E0E1AF

Tritanopia

E0CFD0

DDCBCD

DBC7C9

E8C6C8

E4B7B9

Achromatopsia

DCDCDC

D9D9D9

D6D6D6

DEDEDE

D5D5D5

Shades & Tints Shades & Tints

#E0DFC2

Dark

Light

#DDDDBE

Dark

Light

#DBD9BA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0dfc2;
  --color-2: #ddddbe;
  --color-3: #dbd9ba;
  --color-4: #e8e1b2;
  --color-5: #e5d79e;
}

SCSS

$color-1: #e0dfc2;
$color-2: #ddddbe;
$color-3: #dbd9ba;
$color-4: #e8e1b2;
$color-5: #e5d79e;

TAILWIND

colors: {
  'brand-1': '#e0dfc2',
  'brand-2': '#ddddbe',
  'brand-3': '#dbd9ba',
  'brand-4': '#e8e1b2',
  'brand-5': '#e5d79e',
}

RGB Array

[224, 223, 194], [221, 221, 190], [219, 217, 186], [232, 225, 178], [229, 215, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #E0DFC2, #DDDDBE, #DBD9BA, #E8E1B2, #E5D79E 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: #e0dfc2; --color-2: #ddddbe; --color-3: #dbd9ba; --color-4: #e8e1b2; --color-5: #e5d79e. 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