#E5F4DA + #EEEC9A + #D8E593 + #ADE697 + #72CE99 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E5F4DA

Emerald · Beige · Mint Green

HEX

#E5F4DA

RGB

rgb(229, 244, 218)

HSL

hsl(95, 54%, 91%)

HSB

hsb(95, 11%, 96%)

CMYK

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

Oklch

oklch(94.9% 0.038 131.8)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#EEEC9A

Fresh Green · Khaki · Lemon Cream

HEX

#EEEC9A

RGB

rgb(238, 236, 154)

HSL

hsl(59, 71%, 77%)

HSB

hsb(59, 35%, 93%)

CMYK

cmyk(0%, 1%, 35%, 7%)

Oklch

oklch(92.6% 0.103 107.1)

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

#D8E593

Willow Green · Khaki · Apple Green

HEX

#D8E593

RGB

rgb(216, 229, 147)

HSL

hsl(70, 61%, 74%)

HSB

hsb(70, 36%, 90%)

CMYK

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

Oklch

oklch(89.3% 0.106 115.9)

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

#ADE697

Emerald · LightGreen · Apple Green

HEX

#ADE697

RGB

rgb(173, 230, 151)

HSL

hsl(103, 61%, 75%)

HSB

hsb(103, 34%, 90%)

CMYK

cmyk(25%, 0%, 34%, 10%)

Oklch

oklch(86.7% 0.121 137.3)

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

#72CE99

Celadon · MediumAquaMarine · Apple Green

HEX

#72CE99

RGB

rgb(114, 206, 153)

HSL

hsl(145, 48%, 63%)

HSB

hsb(145, 45%, 81%)

CMYK

cmyk(45%, 0%, 26%, 19%)

Oklch

oklch(78.0% 0.117 157.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5F4DA

EADCF4

Analogous

F2F4DC

E5F4DA

DCF4DE

Triadic

E5F4DA

DCE6F4

F4DCE6

Split-Comp.

E5F4DA

DEDCF4

F4DCF2

Tetradic

E5F4DA

DCF2F4

EADCF4

F4DEDC

Contrast Matrix WCAG 2.1 Contrast

E5F4DA	EEEC9A	D8E593	ADE697	72CE99
—	1.1 Fail	1.2 Fail	1.3 Fail	1.7 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.6 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.3 Fail
1.7 Fail	1.6 Fail	1.4 Fail	1.3 Fail	—

White BG

1.1Fail

1.2Fail

1.4Fail

1.9Fail

Black BG

18.3AAA

17.1AAA

15.5AAA

14.5AAA

11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBECE0

EDEDAE

DEDEA7

C6C6AA

9A9BA6

Deuteranopia

EBEAE2

EDEDB3

DDDCAC

C2BEAF

958EA9

Tritanopia

E6E5E6

EEBEC1

D9B7BA

B0B9BD

77B0B2

Achromatopsia

EDEDED

E3E3E3

D8D8D8

CCCCCC

ACACAC

Shades & Tints Shades & Tints

#E5F4DA

Dark

Light

#EEEC9A

Dark

Light

#D8E593

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5f4da;
  --color-2: #eeec9a;
  --color-3: #d8e593;
  --color-4: #ade697;
  --color-5: #72ce99;
}

SCSS

$color-1: #e5f4da;
$color-2: #eeec9a;
$color-3: #d8e593;
$color-4: #ade697;
$color-5: #72ce99;

TAILWIND

colors: {
  'brand-1': '#e5f4da',
  'brand-2': '#eeec9a',
  'brand-3': '#d8e593',
  'brand-4': '#ade697',
  'brand-5': '#72ce99',
}

RGB Array

[229, 244, 218], [238, 236, 154], [216, 229, 147], [173, 230, 151], [114, 206, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5F4DA, #EEEC9A, #D8E593, #ADE697, #72CE99 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: #e5f4da; --color-2: #eeec9a; --color-3: #d8e593; --color-4: #ade697; --color-5: #72ce99. 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