#E6EEDD + #D7E6B3 + #D9DAB9 + #C1DBDC + #B3DECC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6EEDD

Willow Green · Beige · Mint Green

HEX

#E6EEDD

RGB

rgb(230, 238, 221)

HSL

hsl(88, 33%, 90%)

HSB

hsb(88, 7%, 93%)

CMYK

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

Oklch

oklch(93.8% 0.024 127.6)

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

#D7E6B3

Willow Green · Wheat · Apple Green

HEX

#D7E6B3

RGB

rgb(215, 230, 179)

HSL

hsl(78, 50%, 80%)

HSB

hsb(78, 22%, 90%)

CMYK

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

Oklch

oklch(90.1% 0.069 121.1)

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

#D9DAB9

Fresh Green · LightGray · Lemon Cream

HEX

#D9DAB9

RGB

rgb(217, 218, 185)

HSL

hsl(62, 31%, 79%)

HSB

hsb(62, 15%, 85%)

CMYK

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

Oklch

oklch(87.9% 0.044 108.7)

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

#C1DBDC

Sky Blue · LightGray · Glacier Blue

HEX

#C1DBDC

RGB

rgb(193, 219, 220)

HSL

hsl(182, 28%, 81%)

HSB

hsb(182, 12%, 86%)

CMYK

cmyk(12%, 0%, 0%, 14%)

Oklch

oklch(87.3% 0.028 199.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#B3DECC

Jade · LightBlue · Apple Green

HEX

#B3DECC

RGB

rgb(179, 222, 204)

HSL

hsl(155, 39%, 79%)

HSB

hsb(155, 19%, 87%)

CMYK

cmyk(19%, 0%, 8%, 13%)

Oklch

oklch(86.5% 0.051 167.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6EEDD

E5DDEE

Analogous

EEEDDD

E6EEDD

DEEEDD

Triadic

E6EEDD

DDE6EE

EEDDE6

Split-Comp.

E6EEDD

DDDEEE

EDDDEE

Tetradic

E6EEDD

DDEEED

E5DDEE

EEDDDE

Contrast Matrix WCAG 2.1 Contrast

E6EEDD	D7E6B3	D9DAB9	C1DBDC	B3DECC
—	1.1 Fail	1.2 Fail	1.2 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.1 Fail
1.2 Fail	1.1 Fail	—	1.0 Fail	1.0 Fail
1.2 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

1.2Fail

1.3Fail

1.4Fail

1.5Fail

Black BG

17.6AAA

15.9AAA

14.7AAA

14.4AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9EAE1

DDDEBF

D9D9C1

CCCCDC

C6C6D0

Deuteranopia

E9E8E2

DDDCC2

D9D9C3

CBC9DC

C3C0D1

Tritanopia

E6E4E5

D8C9CB

D9C7C9

C2DCDC

B5D4D5

Achromatopsia

EAEAEA

DCDCDC

D6D6D6

D3D3D3

CFCFCF

Shades & Tints Shades & Tints

#E6EEDD

Dark

Light

#D7E6B3

Dark

Light

#D9DAB9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6eedd;
  --color-2: #d7e6b3;
  --color-3: #d9dab9;
  --color-4: #c1dbdc;
  --color-5: #b3decc;
}

SCSS

$color-1: #e6eedd;
$color-2: #d7e6b3;
$color-3: #d9dab9;
$color-4: #c1dbdc;
$color-5: #b3decc;

TAILWIND

colors: {
  'brand-1': '#e6eedd',
  'brand-2': '#d7e6b3',
  'brand-3': '#d9dab9',
  'brand-4': '#c1dbdc',
  'brand-5': '#b3decc',
}

RGB Array

[230, 238, 221], [215, 230, 179], [217, 218, 185], [193, 219, 220], [179, 222, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6EEDD, #D7E6B3, #D9DAB9, #C1DBDC, #B3DECC 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: #e6eedd; --color-2: #d7e6b3; --color-3: #d9dab9; --color-4: #c1dbdc; --color-5: #b3decc. 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