#E2E2B7 + #CED7B3 + #9CAC42 + #BBC95B + #EAEC90 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2E2B7

Fresh Green · Wheat · Lemon Cream

HEX

#E2E2B7

RGB

rgb(226, 226, 183)

HSL

hsl(60, 43%, 80%)

HSB

hsb(60, 19%, 89%)

CMYK

cmyk(0%, 0%, 19%, 11%)

Oklch

oklch(90.2% 0.057 107.5)

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

#CED7B3

Willow Green · Silver · Apple Green

HEX

#CED7B3

RGB

rgb(206, 215, 179)

HSL

hsl(75, 31%, 77%)

HSB

hsb(75, 17%, 84%)

CMYK

cmyk(4%, 0%, 17%, 16%)

Oklch

oklch(86.3% 0.049 118.8)

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

#9CAC42

Autumn Sage · GoldenRod · Honey Gold

HEX

#9CAC42

RGB

rgb(156, 172, 66)

HSL

hsl(69, 45%, 47%)

HSB

hsb(69, 62%, 67%)

CMYK

cmyk(9%, 0%, 62%, 33%)

Oklch

oklch(71.1% 0.132 117.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#BBC95B

Autumn Sage · Tan · Sunflower

HEX

#BBC95B

RGB

rgb(187, 201, 91)

HSL

hsl(68, 50%, 57%)

HSB

hsb(68, 55%, 79%)

CMYK

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

Oklch

oklch(80.3% 0.136 115.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EAEC90

Fresh Green · Khaki · Sunflower

HEX

#EAEC90

RGB

rgb(234, 236, 144)

HSL

hsl(61, 71%, 75%)

HSB

hsb(61, 39%, 93%)

CMYK

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

Oklch

oklch(92.2% 0.115 109.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2E2B7

B6B6E2

Analogous

E2CCB6

E2E2B7

CCE2B6

Triadic

E2E2B7

B6E2E2

E2B6E2

Split-Comp.

E2E2B7

B6CCE2

CCB6E2

Tetradic

E2E2B7

B6E2CC

B6B6E2

E2B6CC

Contrast Matrix WCAG 2.1 Contrast

E2E2B7	CED7B3	9CAC42	BBC95B	EAEC90
—	1.1 Fail	1.9 Fail	1.4 Fail	1.1 Fail
1.1 Fail	—	1.7 Fail	1.2 Fail	1.2 Fail
1.9 Fail	1.7 Fail	—	1.4 Fail	2.0 Fail
1.4 Fail	1.2 Fail	1.4 Fail	—	1.5 Fail
1.1 Fail	1.2 Fail	2.0 Fail	1.5 Fail	—

White BG

1.3Fail

1.5Fail

2.5Fail

1.8Fail

1.2Fail

Black BG

15.8AAA

14.0AAA

8.4AAA

11.6AAA

16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C1

D2D2BC

A3A35C

C1C176

EBEBA6

Deuteranopia

E2E2C4

D1D1BE

A2A162

C0BF7C

EBEBAC

Tritanopia

E2CACB

CEC3C4

9D7074

BC8B8F

EAB8BC

Achromatopsia

DDDDDD

D0D0D0

9B9B9B

B8B8B8

E1E1E1

Shades & Tints Shades & Tints

#E2E2B7

Dark

Light

#CED7B3

Dark

Light

#9CAC42

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2e2b7;
  --color-2: #ced7b3;
  --color-3: #9cac42;
  --color-4: #bbc95b;
  --color-5: #eaec90;
}

SCSS

$color-1: #e2e2b7;
$color-2: #ced7b3;
$color-3: #9cac42;
$color-4: #bbc95b;
$color-5: #eaec90;

TAILWIND

colors: {
  'brand-1': '#e2e2b7',
  'brand-2': '#ced7b3',
  'brand-3': '#9cac42',
  'brand-4': '#bbc95b',
  'brand-5': '#eaec90',
}

RGB Array

[226, 226, 183], [206, 215, 179], [156, 172, 66], [187, 201, 91], [234, 236, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2E2B7, #CED7B3, #9CAC42, #BBC95B, #EAEC90 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: #e2e2b7; --color-2: #ced7b3; --color-3: #9cac42; --color-4: #bbc95b; --color-5: #eaec90. 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