#EDF6EE + #E8EDDE + #E3E4CE + #DFDBBA + #DAD2AC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDF6EE

Celadon · Linen · Mint Green

HEX

#EDF6EE

RGB

rgb(237, 246, 238)

HSL

hsl(127, 33%, 95%)

HSB

hsb(127, 4%, 96%)

CMYK

cmyk(4%, 0%, 3%, 4%)

Oklch

oklch(96.4% 0.014 148.8)

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

#E8EDDE

Willow Green · Beige · Mint Green

HEX

#E8EDDE

RGB

rgb(232, 237, 222)

HSL

hsl(80, 29%, 90%)

HSB

hsb(80, 6%, 93%)

CMYK

cmyk(2%, 0%, 6%, 7%)

Oklch

oklch(93.8% 0.021 121.8)

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

#E3E4CE

Fresh Green · LightGray · Lemon Cream

HEX

#E3E4CE

RGB

rgb(227, 228, 206)

HSL

hsl(63, 29%, 85%)

HSB

hsb(63, 10%, 89%)

CMYK

cmyk(0%, 0%, 10%, 11%)

Oklch

oklch(91.2% 0.029 109.1)

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

#DFDBBA

Fresh Green · Wheat · Lemon Cream

HEX

#DFDBBA

RGB

rgb(223, 219, 186)

HSL

hsl(54, 37%, 80%)

HSB

hsb(54, 17%, 87%)

CMYK

cmyk(0%, 2%, 17%, 13%)

Oklch

oklch(88.6% 0.044 101.5)

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

#DAD2AC

Fresh Green · Wheat · Lemon Cream

HEX

#DAD2AC

RGB

rgb(218, 210, 172)

HSL

hsl(50, 38%, 76%)

HSB

hsb(50, 21%, 85%)

CMYK

cmyk(0%, 4%, 21%, 15%)

Oklch

oklch(86.1% 0.051 97.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDF6EE

F6EEF5

Analogous

F1F6EE

EDF6EE

EEF6F3

Triadic

EDF6EE

EFEEF6

F6EFEE

Split-Comp.

EDF6EE

F3EEF6

F6EEF1

Tetradic

EDF6EE

EEF1F6

F6EEF5

F6F3EE

Contrast Matrix WCAG 2.1 Contrast

EDF6EE	E8EDDE	E3E4CE	DFDBBA	DAD2AC
—	1.1 Fail	1.2 Fail	1.3 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.1Fail

1.2Fail

1.3Fail

1.4Fail

1.5Fail

Black BG

19.0AAA

17.6AAA

16.3AAA

15.0AAA

13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1F0

EAEAE2

E3E3D3

DDDDC2

D7D6B5

Deuteranopia

F0F0F0

EAE9E2

E3E3D5

DEDEC4

D7D8B7

Tritanopia

EDF1F2

E8E4E5

E3D8D8

DFC8CA

DABCBE

Achromatopsia

F2F2F2

EAEAEA

E1E1E1

D8D8D8

D0D0D0

Shades & Tints Shades & Tints

#EDF6EE

Dark

Light

#E8EDDE

Dark

Light

#E3E4CE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edf6ee;
  --color-2: #e8edde;
  --color-3: #e3e4ce;
  --color-4: #dfdbba;
  --color-5: #dad2ac;
}

SCSS

$color-1: #edf6ee;
$color-2: #e8edde;
$color-3: #e3e4ce;
$color-4: #dfdbba;
$color-5: #dad2ac;

TAILWIND

colors: {
  'brand-1': '#edf6ee',
  'brand-2': '#e8edde',
  'brand-3': '#e3e4ce',
  'brand-4': '#dfdbba',
  'brand-5': '#dad2ac',
}

RGB Array

[237, 246, 238], [232, 237, 222], [227, 228, 206], [223, 219, 186], [218, 210, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDF6EE, #E8EDDE, #E3E4CE, #DFDBBA, #DAD2AC 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: #edf6ee; --color-2: #e8edde; --color-3: #e3e4ce; --color-4: #dfdbba; --color-5: #dad2ac. 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