#D6EDE2 + #BDC7B1 + #E8F6CB + #F2A492 + #ECD5C3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6EDE2

Jade · Lavender · Mint Green

HEX

#D6EDE2

RGB

rgb(214, 237, 226)

HSL

hsl(151, 39%, 88%)

HSB

hsb(151, 10%, 93%)

CMYK

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

Oklch

oklch(92.6% 0.028 165.4)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#BDC7B1

Willow Green · Silver · Apple Green

HEX

#BDC7B1

RGB

rgb(189, 199, 177)

HSL

hsl(87, 16%, 74%)

HSB

hsb(87, 11%, 78%)

CMYK

cmyk(5%, 0%, 11%, 22%)

Oklch

oklch(81.6% 0.032 127.1)

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

#E8F6CB

Willow Green · Beige · Mint Green

HEX

#E8F6CB

RGB

rgb(232, 246, 203)

HSL

hsl(80, 70%, 88%)

HSB

hsb(80, 17%, 96%)

CMYK

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

Oklch

oklch(95.2% 0.058 122.2)

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

#F2A492

Peach Pink · LightSalmon · Coral Red

HEX

#F2A492

RGB

rgb(242, 164, 146)

HSL

hsl(11, 79%, 76%)

HSB

hsb(11, 40%, 95%)

CMYK

cmyk(0%, 32%, 40%, 5%)

Oklch

oklch(79.0% 0.097 33.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#ECD5C3

Apricot · Wheat · Peach Orange

HEX

#ECD5C3

RGB

rgb(236, 213, 195)

HSL

hsl(26, 52%, 85%)

HSB

hsb(26, 17%, 93%)

CMYK

cmyk(0%, 10%, 17%, 7%)

Oklch

oklch(88.7% 0.035 60.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6EDE2

ECD4E0

Analogous

D4ECD5

D6EDE2

D4ECEC

Triadic

D6EDE2

E1D4EC

ECE1D4

Split-Comp.

D6EDE2

ECD4EC

ECD5D4

Tetradic

D6EDE2

D5D4EC

ECD4E0

ECECD4

Contrast Matrix WCAG 2.1 Contrast

D6EDE2	BDC7B1	E8F6CB	F2A492	ECD5C3
—	1.4 Fail	1.1 Fail	1.6 Fail	1.1 Fail
1.4 Fail	—	1.5 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.5 Fail	—	1.8 Fail	1.2 Fail
1.6 Fail	1.1 Fail	1.8 Fail	—	1.4 Fail
1.1 Fail	1.2 Fail	1.2 Fail	1.4 Fail	—

White BG

1.2Fail

1.8Fail

1.1Fail

2.0Fail

1.4Fail

Black BG

17.1AAA

12.0AAA

18.5AAA

10.5AAA

14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0E5

C1C1B6

EEEED5

D0D096

E2E2C7

Deuteranopia

DFDDE5

C1C0B8

EDECD8

D5DB97

E3E5C8

Tritanopia

D7E7E7

BDBBBB

E9DEDF

EE9A9B

EBCBCC

Achromatopsia

E5E5E5

C2C2C2

EDEDED

B9B9B9

DADADA

Shades & Tints Shades & Tints

#D6EDE2

Dark

Light

#BDC7B1

Dark

Light

#E8F6CB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6ede2;
  --color-2: #bdc7b1;
  --color-3: #e8f6cb;
  --color-4: #f2a492;
  --color-5: #ecd5c3;
}

SCSS

$color-1: #d6ede2;
$color-2: #bdc7b1;
$color-3: #e8f6cb;
$color-4: #f2a492;
$color-5: #ecd5c3;

TAILWIND

colors: {
  'brand-1': '#d6ede2',
  'brand-2': '#bdc7b1',
  'brand-3': '#e8f6cb',
  'brand-4': '#f2a492',
  'brand-5': '#ecd5c3',
}

RGB Array

[214, 237, 226], [189, 199, 177], [232, 246, 203], [242, 164, 146], [236, 213, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6EDE2, #BDC7B1, #E8F6CB, #F2A492, #ECD5C3 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: #d6ede2; --color-2: #bdc7b1; --color-3: #e8f6cb; --color-4: #f2a492; --color-5: #ecd5c3. 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