#D4EBDF + #D9EADC + #DDEAD8 + #E2EAD5 + #E6E9D2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D4EBDF

Celadon · LightGray · Mint Green

HEX

#D4EBDF

RGB

rgb(212, 235, 223)

HSL

hsl(149, 37%, 88%)

HSB

hsb(149, 10%, 92%)

CMYK

cmyk(10%, 0%, 5%, 8%)

Oklch

oklch(92.0% 0.029 163.2)

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

#D9EADC

Celadon · LightGray · Mint Green

HEX

#D9EADC

RGB

rgb(217, 234, 220)

HSL

hsl(131, 29%, 88%)

HSB

hsb(131, 7%, 92%)

CMYK

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

Oklch

oklch(92.0% 0.026 150.8)

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

#DDEAD8

Celadon · LightGray · Mint Green

HEX

#DDEAD8

RGB

rgb(221, 234, 216)

HSL

hsl(103, 30%, 88%)

HSB

hsb(103, 8%, 92%)

CMYK

cmyk(6%, 0%, 8%, 8%)

Oklch

oklch(92.2% 0.028 136.9)

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

#E2EAD5

Willow Green · Beige · Mint Green

HEX

#E2EAD5

RGB

rgb(226, 234, 213)

HSL

hsl(83, 33%, 88%)

HSB

hsb(83, 9%, 92%)

CMYK

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

Oklch

oklch(92.5% 0.029 124.0)

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

#E6E9D2

Fresh Green · Beige · Lemon Cream

HEX

#E6E9D2

RGB

rgb(230, 233, 210)

HSL

hsl(68, 34%, 87%)

HSB

hsb(68, 10%, 91%)

CMYK

cmyk(1%, 0%, 10%, 9%)

Oklch

oklch(92.6% 0.031 113.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4EBDF

ECD5E1

Analogous

D5ECD5

D4EBDF

D5ECEB

Triadic

D4EBDF

E0D5EC

ECE0D5

Split-Comp.

D4EBDF

EBD5EC

ECD5D5

Tetradic

D4EBDF

D5D5EC

ECD5E1

ECEBD5

Contrast Matrix WCAG 2.1 Contrast

D4EBDF	D9EADC	DDEAD8	E2EAD5	E6E9D2
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.3Fail

1.2Fail

Black BG

16.7AAA

16.8AAA

17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEE2

E0E1DF

E3E3DC

E5E6DA

E7E7D8

Deuteranopia

DDDBE3

DFDEE0

E2E1DD

E5E4DB

E7E7D9

Tritanopia

D5E4E5

DAE2E3

DEE0E1

E2DEDF

E6DCDD

Achromatopsia

E3E3E3

E4E4E4

E5E5E5

Shades & Tints Shades & Tints

#D4EBDF

Dark

Light

#D9EADC

Dark

Light

#DDEAD8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4ebdf;
  --color-2: #d9eadc;
  --color-3: #ddead8;
  --color-4: #e2ead5;
  --color-5: #e6e9d2;
}

SCSS

$color-1: #d4ebdf;
$color-2: #d9eadc;
$color-3: #ddead8;
$color-4: #e2ead5;
$color-5: #e6e9d2;

TAILWIND

colors: {
  'brand-1': '#d4ebdf',
  'brand-2': '#d9eadc',
  'brand-3': '#ddead8',
  'brand-4': '#e2ead5',
  'brand-5': '#e6e9d2',
}

RGB Array

[212, 235, 223], [217, 234, 220], [221, 234, 216], [226, 234, 213], [230, 233, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4EBDF, #D9EADC, #DDEAD8, #E2EAD5, #E6E9D2 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: #d4ebdf; --color-2: #d9eadc; --color-3: #ddead8; --color-4: #e2ead5; --color-5: #e6e9d2. 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