#E0D9A7 + #ECF2C8 + #D8E0A7 + #E6EFF2 + #C4904D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0D9A7

Fresh Green · Wheat · Lemon Cream

HEX

#E0D9A7

RGB

rgb(224, 217, 167)

HSL

hsl(53, 48%, 77%)

HSB

hsb(53, 25%, 88%)

CMYK

cmyk(0%, 3%, 25%, 12%)

Oklch

oklch(87.9% 0.066 101.0)

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

#ECF2C8

Fresh Green · Beige · Lemon Cream

HEX

#ECF2C8

RGB

rgb(236, 242, 200)

HSL

hsl(69, 62%, 87%)

HSB

hsb(69, 17%, 95%)

CMYK

cmyk(2%, 0%, 17%, 5%)

Oklch

oklch(94.6% 0.055 114.1)

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

#D8E0A7

Fresh Green · Wheat · Lemon Cream

HEX

#D8E0A7

RGB

rgb(216, 224, 167)

HSL

hsl(68, 48%, 77%)

HSB

hsb(68, 25%, 88%)

CMYK

cmyk(4%, 0%, 25%, 12%)

Oklch

oklch(88.7% 0.075 114.4)

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

#E6EFF2

Sky Blue · Lavender · Glacier Blue

HEX

#E6EFF2

RGB

rgb(230, 239, 242)

HSL

hsl(195, 32%, 93%)

HSB

hsb(195, 5%, 95%)

CMYK

cmyk(5%, 1%, 0%, 5%)

Oklch

oklch(94.6% 0.010 219.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#C4904D

Ginger · GoldenRod · Warm Sun

HEX

#C4904D

RGB

rgb(196, 144, 77)

HSL

hsl(34, 50%, 54%)

HSB

hsb(34, 61%, 77%)

CMYK

cmyk(0%, 27%, 61%, 23%)

Oklch

oklch(69.0% 0.105 71.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D9A7

A8AFE1

Analogous

E1BEA8

E0D9A7

CBE1A8

Triadic

E0D9A7

A8E1DA

DAA8E1

Split-Comp.

E0D9A7

A8CBE1

BEA8E1

Tetradic

E0D9A7

A8E1BE

A8AFE1

E1A8CB

Contrast Matrix WCAG 2.1 Contrast

E0D9A7	ECF2C8	D8E0A7	E6EFF2	C4904D
—	1.2 Fail	1.0 Fail	1.2 Fail	2.0 Fail
1.2 Fail	—	1.2 Fail	1.0 Fail	2.4 Fail
1.0 Fail	1.2 Fail	—	1.2 Fail	2.0 Fail
1.2 Fail	1.0 Fail	1.2 Fail	—	2.4 Fail
2.0 Fail	2.4 Fail	2.0 Fail	2.4 Fail	—

White BG

1.4Fail

1.2Fail

1.4Fail

1.2Fail

2.8Fail

Black BG

14.7AAA

18.1AAA

15.1AAA

18.0AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDB3

EFEFD2

DBDCB5

EAEAF1

ADAD5D

Deuteranopia

DDDEB6

EEEED5

DBDAB8

E9E9F1

B1B461

Tritanopia

E0BDBF

ECDADC

D8C0C2

E6F1F1

C16A6D

Achromatopsia

D5D5D5

EBEBEB

D7D7D7

EDEDED

989898

Shades & Tints Shades & Tints

#E0D9A7

Dark

Light

#ECF2C8

Dark

Light

#D8E0A7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d9a7;
  --color-2: #ecf2c8;
  --color-3: #d8e0a7;
  --color-4: #e6eff2;
  --color-5: #c4904d;
}

SCSS

$color-1: #e0d9a7;
$color-2: #ecf2c8;
$color-3: #d8e0a7;
$color-4: #e6eff2;
$color-5: #c4904d;

TAILWIND

colors: {
  'brand-1': '#e0d9a7',
  'brand-2': '#ecf2c8',
  'brand-3': '#d8e0a7',
  'brand-4': '#e6eff2',
  'brand-5': '#c4904d',
}

RGB Array

[224, 217, 167], [236, 242, 200], [216, 224, 167], [230, 239, 242], [196, 144, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0D9A7, #ECF2C8, #D8E0A7, #E6EFF2, #C4904D 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: #e0d9a7; --color-2: #ecf2c8; --color-3: #d8e0a7; --color-4: #e6eff2; --color-5: #c4904d. 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