#CDECC4 + #D0D7BF + #D2C3B1 + #D6A8A2 + #DE929D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CDECC4

Emerald · LightGray · Mint Green

HEX

#CDECC4

RGB

rgb(205, 236, 196)

HSL

hsl(107, 51%, 85%)

HSB

hsb(107, 17%, 93%)

CMYK

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

Oklch

oklch(91.0% 0.063 138.7)

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

#D0D7BF

Willow Green · LightGray · Apple Green

HEX

#D0D7BF

RGB

rgb(208, 215, 191)

HSL

hsl(78, 23%, 80%)

HSB

hsb(78, 11%, 84%)

CMYK

cmyk(3%, 0%, 11%, 16%)

Oklch

oklch(86.7% 0.033 120.3)

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

#D2C3B1

Goose Yellow · Silver · Peach Orange

HEX

#D2C3B1

RGB

rgb(210, 195, 177)

HSL

hsl(33, 27%, 76%)

HSB

hsb(33, 16%, 82%)

CMYK

cmyk(0%, 7%, 16%, 18%)

Oklch

oklch(82.5% 0.030 72.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D6A8A2

Peach Pink · Tan · Coral Red

HEX

#D6A8A2

RGB

rgb(214, 168, 162)

HSL

hsl(7, 39%, 74%)

HSB

hsb(7, 24%, 84%)

CMYK

cmyk(0%, 21%, 24%, 16%)

Oklch

oklch(77.2% 0.055 27.0)

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

#DE929D

Peach Pink · DarkSalmon · Coral Red

HEX

#DE929D

RGB

rgb(222, 146, 157)

HSL

hsl(351, 54%, 72%)

HSB

hsb(351, 34%, 87%)

CMYK

cmyk(0%, 34%, 29%, 13%)

Oklch

oklch(73.9% 0.093 10.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDECC4

E4C5EC

Analogous

E1ECC5

CDECC4

C5ECD0

Triadic

CDECC4

C5CEEC

ECC5CE

Split-Comp.

CDECC4

D0C5EC

ECC5E1

Tetradic

CDECC4

C5E1EC

E4C5EC

ECD0C5

Contrast Matrix WCAG 2.1 Contrast

CDECC4	D0D7BF	D2C3B1	D6A8A2	DE929D
—	1.2 Fail	1.3 Fail	1.6 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.9 Fail	1.6 Fail	1.4 Fail	1.1 Fail	—

White BG

1.3Fail

1.5Fail

1.7Fail

2.1Fail

2.4Fail

Black BG

16.4AAA

14.2AAA

12.2AAA

10.0AAA

8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADBCE

D3D3C5

CCCBB5

C2C2A3

BDBC9A

Deuteranopia

D9D6D0

D3D2C6

CCCEB6

C5C8A4

C2C79A

Tritanopia

CFD5D7

D0C9CA

D1B9BA

D4A5A5

DA9898

Achromatopsia

DEDEDE

D2D2D2

C5C5C5

B5B5B5

AAAAAA

Shades & Tints Shades & Tints

#CDECC4

Dark

Light

#D0D7BF

Dark

Light

#D2C3B1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdecc4;
  --color-2: #d0d7bf;
  --color-3: #d2c3b1;
  --color-4: #d6a8a2;
  --color-5: #de929d;
}

SCSS

$color-1: #cdecc4;
$color-2: #d0d7bf;
$color-3: #d2c3b1;
$color-4: #d6a8a2;
$color-5: #de929d;

TAILWIND

colors: {
  'brand-1': '#cdecc4',
  'brand-2': '#d0d7bf',
  'brand-3': '#d2c3b1',
  'brand-4': '#d6a8a2',
  'brand-5': '#de929d',
}

RGB Array

[205, 236, 196], [208, 215, 191], [210, 195, 177], [214, 168, 162], [222, 146, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDECC4, #D0D7BF, #D2C3B1, #D6A8A2, #DE929D 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: #cdecc4; --color-2: #d0d7bf; --color-3: #d2c3b1; --color-4: #d6a8a2; --color-5: #de929d. 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