#E8E0A7 + #E2B086 + #DF8279 + #B7C18C + #3EAA9D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E8E0A7

Fresh Green · Wheat · Lemon Cream

HEX

#E8E0A7

RGB

rgb(232, 224, 167)

HSL

hsl(53, 59%, 78%)

HSB

hsb(53, 28%, 91%)

CMYK

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

Oklch

oklch(89.9% 0.074 101.0)

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

#E2B086

Apricot · BurlyWood · Warm Sun

HEX

#E2B086

RGB

rgb(226, 176, 134)

HSL

hsl(27, 61%, 71%)

HSB

hsb(27, 41%, 89%)

CMYK

cmyk(0%, 22%, 41%, 11%)

Oklch

oklch(79.3% 0.081 61.3)

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

#DF8279

Peach Pink · LightCoral · Coral Red

HEX

#DF8279

RGB

rgb(223, 130, 121)

HSL

hsl(5, 61%, 67%)

HSB

hsb(5, 46%, 87%)

CMYK

cmyk(0%, 42%, 46%, 13%)

Oklch

oklch(70.5% 0.116 26.3)

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

#B7C18C

Willow Green · Tan · Apple Green

HEX

#B7C18C

RGB

rgb(183, 193, 140)

HSL

hsl(71, 30%, 65%)

HSB

hsb(71, 27%, 76%)

CMYK

cmyk(5%, 0%, 27%, 24%)

Oklch

oklch(79.0% 0.072 116.8)

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

#3EAA9D

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#3EAA9D

RGB

rgb(62, 170, 157)

HSL

hsl(173, 47%, 45%)

HSB

hsb(173, 64%, 67%)

CMYK

cmyk(64%, 0%, 8%, 33%)

Oklch

oklch(67.3% 0.099 184.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E0A7

A6AEE8

Analogous

E8BFA6

E8E0A7

CFE8A6

Triadic

E8E0A7

A6E8E0

E0A6E8

Split-Comp.

E8E0A7

A6CFE8

BFA6E8

Tetradic

E8E0A7

A6E8BF

A6AEE8

E8A6CF

Contrast Matrix WCAG 2.1 Contrast

E8E0A7	E2B086	DF8279	B7C18C	3EAA9D
—	1.5 Fail	2.1 Fail	1.4 Fail	2.1 Fail
1.5 Fail	—	1.4 Fail	1.0 Fail	1.4 Fail
2.1 Fail	1.4 Fail	—	1.4 Fail	1.0 Fail
1.4 Fail	1.0 Fail	1.4 Fail	—	1.5 Fail
2.1 Fail	1.4 Fail	1.0 Fail	1.5 Fail	—

White BG

1.3Fail

1.9Fail

2.8Fail

1.9Fail

2.8Fail

Black BG

15.7AAA

10.8AAA

7.6AAA

11.0AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E4B5

CCCC90

B7B67B

BBBB99

6D6EA0

Deuteranopia

E5E6B8

CFD393

BCC37C

BBBA9C

675EA1

Tritanopia

E8C0C2

E0989A

DA7D7D

B8A3A5

43A3A3

Achromatopsia

DCDCDC

BABABA

9D9D9D

B8B8B8

888888

Shades & Tints Shades & Tints

#E8E0A7

Dark

Light

#E2B086

Dark

Light

#DF8279

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e0a7;
  --color-2: #e2b086;
  --color-3: #df8279;
  --color-4: #b7c18c;
  --color-5: #3eaa9d;
}

SCSS

$color-1: #e8e0a7;
$color-2: #e2b086;
$color-3: #df8279;
$color-4: #b7c18c;
$color-5: #3eaa9d;

TAILWIND

colors: {
  'brand-1': '#e8e0a7',
  'brand-2': '#e2b086',
  'brand-3': '#df8279',
  'brand-4': '#b7c18c',
  'brand-5': '#3eaa9d',
}

RGB Array

[232, 224, 167], [226, 176, 134], [223, 130, 121], [183, 193, 140], [62, 170, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8E0A7, #E2B086, #DF8279, #B7C18C, #3EAA9D 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: #e8e0a7; --color-2: #e2b086; --color-3: #df8279; --color-4: #b7c18c; --color-5: #3eaa9d. 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