#DCEDC9 + #F2F3BA + #E3E3AD + #BFCAA0 + #EEF0C8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DCEDC9

Willow Green · LightGray · Mint Green

HEX

#DCEDC9

RGB

rgb(220, 237, 201)

HSL

hsl(88, 50%, 86%)

HSB

hsb(88, 15%, 93%)

CMYK

cmyk(7%, 0%, 15%, 7%)

Oklch

oklch(92.4% 0.051 128.0)

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

#F2F3BA

Fresh Green · Bisque · Lemon Cream

HEX

#F2F3BA

RGB

rgb(242, 243, 186)

HSL

hsl(61, 70%, 84%)

HSB

hsb(61, 23%, 95%)

CMYK

cmyk(0%, 0%, 23%, 5%)

Oklch

oklch(95.0% 0.073 108.6)

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

#E3E3AD

Fresh Green · Wheat · Lemon Cream

HEX

#E3E3AD

RGB

rgb(227, 227, 173)

HSL

hsl(60, 49%, 78%)

HSB

hsb(60, 24%, 89%)

CMYK

cmyk(0%, 0%, 24%, 11%)

Oklch

oklch(90.3% 0.070 107.7)

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

#BFCAA0

Willow Green · Silver · Apple Green

HEX

#BFCAA0

RGB

rgb(191, 202, 160)

HSL

hsl(76, 28%, 71%)

HSB

hsb(76, 21%, 79%)

CMYK

cmyk(5%, 0%, 21%, 21%)

Oklch

oklch(82.0% 0.058 119.6)

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

#EEF0C8

Fresh Green · Bisque · Lemon Cream

HEX

#EEF0C8

RGB

rgb(238, 240, 200)

HSL

hsl(63, 57%, 86%)

HSB

hsb(63, 17%, 94%)

CMYK

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

Oklch

oklch(94.3% 0.052 109.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCEDC9

DAC9ED

Analogous

EDECC9

DCEDC9

CBEDC9

Triadic

DCEDC9

C9DCED

EDC9DC

Split-Comp.

DCEDC9

C9CBED

ECC9ED

Tetradic

DCEDC9

C9EDEC

DAC9ED

EDC9CB

Contrast Matrix WCAG 2.1 Contrast

DCEDC9	F2F3BA	E3E3AD	BFCAA0	EEF0C8
—	1.1 Fail	1.1 Fail	1.4 Fail	1.1 Fail
1.1 Fail	—	1.2 Fail	1.5 Fail	1.0 Fail
1.1 Fail	1.2 Fail	—	1.3 Fail	1.1 Fail
1.4 Fail	1.5 Fail	1.3 Fail	—	1.5 Fail
1.1 Fail	1.0 Fail	1.1 Fail	1.5 Fail	—

White BG

1.2Fail

1.1Fail

1.3Fail

1.7Fail

1.2Fail

Black BG

17.0AAA

18.3AAA

15.9AAA

12.2AAA

17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E4D2

F2F2C8

E3E3BA

C4C4AA

EFEFD2

Deuteranopia

E2E1D4

F2F2CB

E3E3BD

C3C2AD

EFEFD4

Tritanopia

DDD9DA

F2D3D5

E3C4C7

C0B2B4

EED9DB

Achromatopsia

E4E4E4

ECECEC

DDDDDD

C2C2C2

EBEBEB

Shades & Tints Shades & Tints

#DCEDC9

Dark

Light

#F2F3BA

Dark

Light

#E3E3AD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcedc9;
  --color-2: #f2f3ba;
  --color-3: #e3e3ad;
  --color-4: #bfcaa0;
  --color-5: #eef0c8;
}

SCSS

$color-1: #dcedc9;
$color-2: #f2f3ba;
$color-3: #e3e3ad;
$color-4: #bfcaa0;
$color-5: #eef0c8;

TAILWIND

colors: {
  'brand-1': '#dcedc9',
  'brand-2': '#f2f3ba',
  'brand-3': '#e3e3ad',
  'brand-4': '#bfcaa0',
  'brand-5': '#eef0c8',
}

RGB Array

[220, 237, 201], [242, 243, 186], [227, 227, 173], [191, 202, 160], [238, 240, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCEDC9, #F2F3BA, #E3E3AD, #BFCAA0, #EEF0C8 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: #dcedc9; --color-2: #f2f3ba; --color-3: #e3e3ad; --color-4: #bfcaa0; --color-5: #eef0c8. 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