#DECDB1 + #DEC397 + #D5B0AC + #CC9DC1 + #9D9FCC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DECDB1

Goose Yellow · Wheat · Peach Orange

HEX

#DECDB1

RGB

rgb(222, 205, 177)

HSL

hsl(37, 41%, 78%)

HSB

hsb(37, 20%, 87%)

CMYK

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

Oklch

oklch(85.5% 0.042 80.3)

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

#DEC397

Goose Yellow · BurlyWood · Warm Sun

HEX

#DEC397

RGB

rgb(222, 195, 151)

HSL

hsl(37, 52%, 73%)

HSB

hsb(37, 32%, 87%)

CMYK

cmyk(0%, 12%, 32%, 13%)

Oklch

oklch(82.9% 0.066 79.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D5B0AC

Peach Pink · Tan · Coral Red

HEX

#D5B0AC

RGB

rgb(213, 176, 172)

HSL

hsl(6, 33%, 75%)

HSB

hsb(6, 19%, 84%)

CMYK

cmyk(0%, 17%, 19%, 16%)

Oklch

oklch(78.9% 0.044 25.3)

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

#CC9DC1

Mauve · Silver · Lilac Purple

HEX

#CC9DC1

RGB

rgb(204, 157, 193)

HSL

hsl(314, 32%, 71%)

HSB

hsb(314, 23%, 80%)

CMYK

cmyk(0%, 23%, 5%, 20%)

Oklch

oklch(75.1% 0.074 334.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#9D9FCC

Azure · DarkGray · Cobalt Blue

HEX

#9D9FCC

RGB

rgb(157, 159, 204)

HSL

hsl(237, 32%, 71%)

HSB

hsb(237, 23%, 80%)

CMYK

cmyk(23%, 22%, 0%, 20%)

Oklch

oklch(71.7% 0.065 282.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DECDB1

B0C2DE

Analogous

DEB5B0

DECDB1

D9DEB0

Triadic

DECDB1

B0DECC

CCB0DE

Split-Comp.

DECDB1

B0D9DE

B5B0DE

Tetradic

DECDB1

B0DEB5

B0C2DE

DEB0D9

Contrast Matrix WCAG 2.1 Contrast

DECDB1	DEC397	D5B0AC	CC9DC1	9D9FCC
—	1.1 Fail	1.3 Fail	1.5 Fail	1.6 Fail
1.1 Fail	—	1.2 Fail	1.3 Fail	1.5 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.5 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

1.6Fail

1.7Fail

2.0Fail

2.3Fail

2.5Fail

Black BG

13.5AAA

12.4AAA

10.6AAA

9.2AAA

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D6B8

D2D2A2

C5C5AD

B8B7B8

9E9EC1

Deuteranopia

D8D9B9

D4D6A4

C7CAAD

BABEB6

9E9EBE

Tritanopia

DDBDBE

DDAAAC

D3AEAE

CAB1B0

9DB9B7

Achromatopsia

CFCFCF

C6C6C6

BBBBBB

AFAFAF

A4A4A4

Shades & Tints Shades & Tints

#DECDB1

Dark

Light

#DEC397

Dark

Light

#D5B0AC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #decdb1;
  --color-2: #dec397;
  --color-3: #d5b0ac;
  --color-4: #cc9dc1;
  --color-5: #9d9fcc;
}

SCSS

$color-1: #decdb1;
$color-2: #dec397;
$color-3: #d5b0ac;
$color-4: #cc9dc1;
$color-5: #9d9fcc;

TAILWIND

colors: {
  'brand-1': '#decdb1',
  'brand-2': '#dec397',
  'brand-3': '#d5b0ac',
  'brand-4': '#cc9dc1',
  'brand-5': '#9d9fcc',
}

RGB Array

[222, 205, 177], [222, 195, 151], [213, 176, 172], [204, 157, 193], [157, 159, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DECDB1, #DEC397, #D5B0AC, #CC9DC1, #9D9FCC 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: #decdb1; --color-2: #dec397; --color-3: #d5b0ac; --color-4: #cc9dc1; --color-5: #9d9fcc. 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