#E5B395 + #E3C09B + #E1CEA0 + #DFDBA6 + #DDE8AC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E5B395

Apricot · BurlyWood · Warm Sun

HEX

#E5B395

RGB

rgb(229, 179, 149)

HSL

hsl(22, 61%, 74%)

HSB

hsb(22, 35%, 90%)

CMYK

cmyk(0%, 22%, 35%, 10%)

Oklch

oklch(80.5% 0.071 52.4)

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

#E3C09B

Goose Yellow · BurlyWood · Warm Sun

HEX

#E3C09B

RGB

rgb(227, 192, 155)

HSL

hsl(31, 56%, 75%)

HSB

hsb(31, 32%, 89%)

CMYK

cmyk(0%, 15%, 32%, 11%)

Oklch

oklch(82.9% 0.064 68.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E1CEA0

Goose Yellow · Wheat · Sunflower

HEX

#E1CEA0

RGB

rgb(225, 206, 160)

HSL

hsl(42, 52%, 75%)

HSB

hsb(42, 29%, 88%)

CMYK

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

Oklch

oklch(85.6% 0.064 88.2)

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

#DFDBA6

Fresh Green · Wheat · Lemon Cream

HEX

#DFDBA6

RGB

rgb(223, 219, 166)

HSL

hsl(56, 47%, 76%)

HSB

hsb(56, 26%, 87%)

CMYK

cmyk(0%, 2%, 26%, 13%)

Oklch

oklch(88.2% 0.069 104.1)

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

#DDE8AC

Willow Green · Wheat · Apple Green

HEX

#DDE8AC

RGB

rgb(221, 232, 172)

HSL

hsl(71, 57%, 79%)

HSB

hsb(71, 26%, 91%)

CMYK

cmyk(5%, 0%, 26%, 9%)

Oklch

oklch(90.8% 0.079 116.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5B395

94C7E5

Analogous

E5949F

E5B395

E5DA94

Triadic

E5B395

94E5B2

B294E5

Split-Comp.

E5B395

94E5DA

949FE5

Tetradic

E5B395

9FE594

94C7E5

DA94E5

Contrast Matrix WCAG 2.1 Contrast

E5B395	E3C09B	E1CEA0	DFDBA6	DDE8AC
—	1.1 Fail	1.2 Fail	1.3 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.9Fail

1.7Fail

1.6Fail

1.4Fail

1.3Fail

Black BG

11.2AAA

12.3AAA

13.5AAA

14.8AAA

16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCF9C

D4D4A4

D9D9AB

DDDDB3

E2E2BB

Deuteranopia

D2D69E

D6D8A6

DADBAE

DEDEB6

E1E0BE

Tritanopia

E2A2A3

E1ABAD

E0B4B6

DFBDBF

DEC6C9

Achromatopsia

BFBFBF

C6C6C6

CECECE

D6D6D6

DEDEDE

Shades & Tints Shades & Tints

#E5B395

Dark

Light

#E3C09B

Dark

Light

#E1CEA0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5b395;
  --color-2: #e3c09b;
  --color-3: #e1cea0;
  --color-4: #dfdba6;
  --color-5: #dde8ac;
}

SCSS

$color-1: #e5b395;
$color-2: #e3c09b;
$color-3: #e1cea0;
$color-4: #dfdba6;
$color-5: #dde8ac;

TAILWIND

colors: {
  'brand-1': '#e5b395',
  'brand-2': '#e3c09b',
  'brand-3': '#e1cea0',
  'brand-4': '#dfdba6',
  'brand-5': '#dde8ac',
}

RGB Array

[229, 179, 149], [227, 192, 155], [225, 206, 160], [223, 219, 166], [221, 232, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5B395, #E3C09B, #E1CEA0, #DFDBA6, #DDE8AC 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: #e5b395; --color-2: #e3c09b; --color-3: #e1cea0; --color-4: #dfdba6; --color-5: #dde8ac. 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