#EAEEB9 + #DEE586 + #D4C897 + #7E888D + #7CB8B5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAEEB9

Fresh Green · Wheat · Lemon Cream

HEX

#EAEEB9

RGB

rgb(234, 238, 185)

HSL

hsl(65, 61%, 83%)

HSB

hsb(65, 22%, 93%)

CMYK

cmyk(2%, 0%, 22%, 7%)

Oklch

oklch(93.3% 0.069 111.2)

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

#DEE586

Fresh Green · Khaki · Sunflower

HEX

#DEE586

RGB

rgb(222, 229, 134)

HSL

hsl(64, 65%, 71%)

HSB

hsb(64, 41%, 90%)

CMYK

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

Oklch

oklch(89.6% 0.119 112.2)

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

#D4C897

Goose Yellow · Tan · Sunflower

HEX

#D4C897

RGB

rgb(212, 200, 151)

HSL

hsl(48, 41%, 71%)

HSB

hsb(48, 29%, 83%)

CMYK

cmyk(0%, 6%, 29%, 17%)

Oklch

oklch(83.1% 0.066 96.0)

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

#7E888D

Ash · LightSlateGray · Warm Gray

HEX

#7E888D

RGB

rgb(126, 136, 141)

HSL

hsl(200, 6%, 52%)

HSB

hsb(200, 11%, 55%)

CMYK

cmyk(11%, 4%, 0%, 45%)

Oklch

oklch(62.0% 0.014 229.1)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#7CB8B5

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#7CB8B5

RGB

rgb(124, 184, 181)

HSL

hsl(177, 30%, 60%)

HSB

hsb(177, 33%, 72%)

CMYK

cmyk(33%, 0%, 2%, 28%)

Oklch

oklch(74.1% 0.062 191.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAEEB9

BEB9EE

Analogous

EED8B9

EAEEB9

CFEEB9

Triadic

EAEEB9

B9EAEE

EEB9EA

Split-Comp.

EAEEB9

B9CFEE

D8B9EE

Tetradic

EAEEB9

B9EED8

BEB9EE

EEB9CF

Contrast Matrix WCAG 2.1 Contrast

EAEEB9	DEE586	D4C897	7E888D	7CB8B5
—	1.1 Fail	1.4 Fail	3.0 AA Large	1.9 Fail
1.1 Fail	—	1.3 Fail	2.7 Fail	1.7 Fail
1.4 Fail	1.3 Fail	—	2.2 Fail	1.3 Fail
3.0 AA Large	2.7 Fail	2.2 Fail	—	1.6 Fail
1.9 Fail	1.7 Fail	1.3 Fail	1.6 Fail	—

White BG

1.2Fail

1.3Fail

1.7Fail

3.6AA Large

2.2Fail

Black BG

17.4AAA

15.7AAA

12.5AAA

5.8AA

9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECC6

E1E19D

CFCFA3

82828C

9697B6

Deuteranopia

ECEBC9

E1E0A3

D0D0A6

82818C

938EB6

Tritanopia

EAD0D2

DEAFB3

D3ACAE

7E8B8B

7FB6B6

Achromatopsia

E7E7E7

D8D8D8

C6C6C6

868686

A6A6A6

Shades & Tints Shades & Tints

#EAEEB9

Dark

Light

#DEE586

Dark

Light

#D4C897

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaeeb9;
  --color-2: #dee586;
  --color-3: #d4c897;
  --color-4: #7e888d;
  --color-5: #7cb8b5;
}

SCSS

$color-1: #eaeeb9;
$color-2: #dee586;
$color-3: #d4c897;
$color-4: #7e888d;
$color-5: #7cb8b5;

TAILWIND

colors: {
  'brand-1': '#eaeeb9',
  'brand-2': '#dee586',
  'brand-3': '#d4c897',
  'brand-4': '#7e888d',
  'brand-5': '#7cb8b5',
}

RGB Array

[234, 238, 185], [222, 229, 134], [212, 200, 151], [126, 136, 141], [124, 184, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAEEB9, #DEE586, #D4C897, #7E888D, #7CB8B5 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: #eaeeb9; --color-2: #dee586; --color-3: #d4c897; --color-4: #7e888d; --color-5: #7cb8b5. 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