#E7EDDA + #D4D99E + #C3CB36 + #B9AABD + #C692D1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7EDDA

Willow Green · Beige · Mint Green

HEX

#E7EDDA

RGB

rgb(231, 237, 218)

HSL

hsl(79, 35%, 89%)

HSB

hsb(79, 8%, 93%)

CMYK

cmyk(3%, 0%, 8%, 7%)

Oklch

oklch(93.6% 0.026 121.2)

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

#D4D99E

Fresh Green · Khaki · Sunflower

HEX

#D4D99E

RGB

rgb(212, 217, 158)

HSL

hsl(65, 44%, 74%)

HSB

hsb(65, 27%, 85%)

CMYK

cmyk(2%, 0%, 27%, 15%)

Oklch

oklch(86.7% 0.077 111.9)

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

#C3CB36

Autumn Sage · GoldenRod · Honey Gold

HEX

#C3CB36

RGB

rgb(195, 203, 54)

HSL

hsl(63, 59%, 50%)

HSB

hsb(63, 73%, 80%)

CMYK

cmyk(4%, 0%, 73%, 20%)

Oklch

oklch(81.0% 0.163 112.6)

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

#B9AABD

Lilac · Silver · Lilac Purple

HEX

#B9AABD

RGB

rgb(185, 170, 189)

HSL

hsl(287, 13%, 70%)

HSB

hsb(287, 10%, 74%)

CMYK

cmyk(2%, 10%, 0%, 26%)

Oklch

oklch(75.7% 0.032 319.1)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#C692D1

Lilac · Orchid · Lilac Purple

HEX

#C692D1

RGB

rgb(198, 146, 209)

HSL

hsl(290, 41%, 70%)

HSB

hsb(290, 30%, 82%)

CMYK

cmyk(5%, 30%, 0%, 18%)

Oklch

oklch(73.1% 0.106 320.4)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7EDDA

DFD9ED

Analogous

EDE9D9

E7EDDA

DDEDD9

Triadic

E7EDDA

D9E7ED

EDD9E7

Split-Comp.

E7EDDA

D9DDED

E9D9ED

Tetradic

E7EDDA

D9EDE9

DFD9ED

EDD9DD

Contrast Matrix WCAG 2.1 Contrast

E7EDDA	D4D99E	C3CB36	B9AABD	C692D1
—	1.2 Fail	1.5 Fail	1.8 Fail	2.1 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	1.7 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.8 Fail	1.5 Fail	1.2 Fail	—	1.1 Fail
2.1 Fail	1.7 Fail	1.4 Fail	1.1 Fail	—

White BG

1.2Fail

1.5Fail

1.8Fail

2.2Fail

2.5Fail

Black BG

17.5AAA

14.2AAA

11.9AAA

9.5AAA

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEADF

D6D6AC

C6C75A

B3B2B8

AFAFC2

Deuteranopia

E9E9E0

D6D5B0

C6C563

B3B5B7

B3B6BE

Tritanopia

E7E2E3

D4B8BA

C3777D

B8B5B4

C3B6B3

Achromatopsia

E9E9E9

D1D1D1

B8B8B8

B1B1B1

A9A9A9

Shades & Tints Shades & Tints

#E7EDDA

Dark

Light

#D4D99E

Dark

Light

#C3CB36

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7edda;
  --color-2: #d4d99e;
  --color-3: #c3cb36;
  --color-4: #b9aabd;
  --color-5: #c692d1;
}

SCSS

$color-1: #e7edda;
$color-2: #d4d99e;
$color-3: #c3cb36;
$color-4: #b9aabd;
$color-5: #c692d1;

TAILWIND

colors: {
  'brand-1': '#e7edda',
  'brand-2': '#d4d99e',
  'brand-3': '#c3cb36',
  'brand-4': '#b9aabd',
  'brand-5': '#c692d1',
}

RGB Array

[231, 237, 218], [212, 217, 158], [195, 203, 54], [185, 170, 189], [198, 146, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7EDDA, #D4D99E, #C3CB36, #B9AABD, #C692D1 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: #e7edda; --color-2: #d4d99e; --color-3: #c3cb36; --color-4: #b9aabd; --color-5: #c692d1. 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