#EAECBA + #EFD984 + #D7D888 + #B9D098 + #9BC39E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAECBA

Fresh Green · Wheat · Lemon Cream

HEX

#EAECBA

RGB

rgb(234, 236, 186)

HSL

hsl(62, 57%, 83%)

HSB

hsb(62, 21%, 93%)

CMYK

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

Oklch

oklch(92.9% 0.065 109.5)

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

#EFD984

Goose Yellow · Khaki · Sunflower

HEX

#EFD984

RGB

rgb(239, 217, 132)

HSL

hsl(48, 77%, 73%)

HSB

hsb(48, 45%, 94%)

CMYK

cmyk(0%, 9%, 45%, 6%)

Oklch

oklch(88.5% 0.108 95.3)

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

#D7D888

Fresh Green · Khaki · Sunflower

HEX

#D7D888

RGB

rgb(215, 216, 136)

HSL

hsl(61, 51%, 69%)

HSB

hsb(61, 37%, 85%)

CMYK

cmyk(0%, 0%, 37%, 15%)

Oklch

oklch(86.3% 0.102 109.0)

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

#B9D098

Willow Green · Tan · Apple Green

HEX

#B9D098

RGB

rgb(185, 208, 152)

HSL

hsl(85, 37%, 71%)

HSB

hsb(85, 27%, 82%)

CMYK

cmyk(11%, 0%, 27%, 18%)

Oklch

oklch(82.6% 0.079 126.2)

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

#9BC39E

Celadon · DarkSeaGreen · Apple Green

HEX

#9BC39E

RGB

rgb(155, 195, 158)

HSL

hsl(125, 25%, 69%)

HSB

hsb(125, 21%, 76%)

CMYK

cmyk(21%, 0%, 19%, 24%)

Oklch

oklch(77.8% 0.067 146.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAECBA

BDBBEC

Analogous

ECD5BB

EAECBA

D2ECBB

Triadic

EAECBA

BBEBEC

ECBBEB

Split-Comp.

EAECBA

BBD2EC

D5BBEC

Tetradic

EAECBA

BBECD5

BDBBEC

ECBBD2

Contrast Matrix WCAG 2.1 Contrast

EAECBA	EFD984	D7D888	B9D098	9BC39E
—	1.2 Fail	1.2 Fail	1.4 Fail	1.6 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.2 Fail
1.6 Fail	1.4 Fail	1.3 Fail	1.2 Fail	—

White BG

1.2Fail

1.4Fail

1.5Fail

1.7Fail

2.0Fail

Black BG

17.2AAA

14.9AAA

14.1AAA

12.5AAA

10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBC6

E5E599

D7D79B

C3C3A6

ACADA7

Deuteranopia

EBEBC9

E7E89E

D7D7A0

C2C0A9

AAA7A9

Tritanopia

EAD0D2

EEA9AC

D7ABAE

BAB0B3

9DAEB0

Achromatopsia

E6E6E6

D6D6D6

CFCFCF

C3C3C3

B3B3B3

Shades & Tints Shades & Tints

#EAECBA

Dark

Light

#EFD984

Dark

Light

#D7D888

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaecba;
  --color-2: #efd984;
  --color-3: #d7d888;
  --color-4: #b9d098;
  --color-5: #9bc39e;
}

SCSS

$color-1: #eaecba;
$color-2: #efd984;
$color-3: #d7d888;
$color-4: #b9d098;
$color-5: #9bc39e;

TAILWIND

colors: {
  'brand-1': '#eaecba',
  'brand-2': '#efd984',
  'brand-3': '#d7d888',
  'brand-4': '#b9d098',
  'brand-5': '#9bc39e',
}

RGB Array

[234, 236, 186], [239, 217, 132], [215, 216, 136], [185, 208, 152], [155, 195, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAECBA, #EFD984, #D7D888, #B9D098, #9BC39E 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: #eaecba; --color-2: #efd984; --color-3: #d7d888; --color-4: #b9d098; --color-5: #9bc39e. 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