#D5DBC7 + #EBE1BE + #DFDDB9 + #CCDAB9 + #A1D3BD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D5DBC7

Willow Green · LightGray · Mint Green

HEX

#D5DBC7

RGB

rgb(213, 219, 199)

HSL

hsl(78, 22%, 82%)

HSB

hsb(78, 9%, 86%)

CMYK

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

Oklch

oklch(88.1% 0.028 120.6)

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

#EBE1BE

Goose Yellow · Wheat · Lemon Cream

HEX

#EBE1BE

RGB

rgb(235, 225, 190)

HSL

hsl(47, 53%, 83%)

HSB

hsb(47, 19%, 92%)

CMYK

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

Oklch

oklch(90.9% 0.047 93.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DFDDB9

Fresh Green · Wheat · Lemon Cream

HEX

#DFDDB9

RGB

rgb(223, 221, 185)

HSL

hsl(57, 37%, 80%)

HSB

hsb(57, 17%, 87%)

CMYK

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

Oklch

oklch(89.0% 0.048 104.7)

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

#CCDAB9

Willow Green · LightGray · Apple Green

HEX

#CCDAB9

RGB

rgb(204, 218, 185)

HSL

hsl(85, 31%, 79%)

HSB

hsb(85, 15%, 85%)

CMYK

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

Oklch

oklch(86.9% 0.047 126.1)

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

#A1D3BD

Jade · Silver · Apple Green

HEX

#A1D3BD

RGB

rgb(161, 211, 189)

HSL

hsl(154, 36%, 73%)

HSB

hsb(154, 24%, 83%)

CMYK

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

Oklch

oklch(82.6% 0.061 166.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5DBC7

CDC7DB

Analogous

DBD7C7

D5DBC7

CBDBC7

Triadic

D5DBC7

C7D5DB

DBC7D5

Split-Comp.

D5DBC7

C7CBDB

D7C7DB

Tetradic

D5DBC7

C7DBD7

CDC7DB

DBC7CB

Contrast Matrix WCAG 2.1 Contrast

D5DBC7	EBE1BE	DFDDB9	CCDAB9	A1D3BD
—	1.1 Fail	1.0 Fail	1.0 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.3 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.0 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.4Fail

1.3Fail

1.4Fail

1.5Fail

1.7Fail

Black BG

14.8AAA

16.0AAA

15.2AAA

14.3AAA

12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8CC

E7E7C6

DEDEC2

D2D2C1

B7B7C2

Deuteranopia

D7D7CD

E7E8C9

DEDEC4

D1D0C3

B4B0C4

Tritanopia

D5D0D1

EBCDCF

DFC9CA

CDC7C9

A4C7C7

Achromatopsia

D7D7D7

E0E0E0

D9D9D9

D2D2D2

C2C2C2

Shades & Tints Shades & Tints

#D5DBC7

Dark

Light

#EBE1BE

Dark

Light

#DFDDB9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5dbc7;
  --color-2: #ebe1be;
  --color-3: #dfddb9;
  --color-4: #ccdab9;
  --color-5: #a1d3bd;
}

SCSS

$color-1: #d5dbc7;
$color-2: #ebe1be;
$color-3: #dfddb9;
$color-4: #ccdab9;
$color-5: #a1d3bd;

TAILWIND

colors: {
  'brand-1': '#d5dbc7',
  'brand-2': '#ebe1be',
  'brand-3': '#dfddb9',
  'brand-4': '#ccdab9',
  'brand-5': '#a1d3bd',
}

RGB Array

[213, 219, 199], [235, 225, 190], [223, 221, 185], [204, 218, 185], [161, 211, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5DBC7, #EBE1BE, #DFDDB9, #CCDAB9, #A1D3BD 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: #d5dbc7; --color-2: #ebe1be; --color-3: #dfddb9; --color-4: #ccdab9; --color-5: #a1d3bd. 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