#D9EDCA + #DBCAA2 + #D6857E + #C26188 + #996A8A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9EDCA

Celadon · LightGray · Mint Green

HEX

#D9EDCA

RGB

rgb(217, 237, 202)

HSL

hsl(94, 49%, 86%)

HSB

hsb(94, 15%, 93%)

CMYK

cmyk(8%, 0%, 15%, 7%)

Oklch

oklch(92.2% 0.051 131.8)

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

#DBCAA2

Goose Yellow · Tan · Sunflower

HEX

#DBCAA2

RGB

rgb(219, 202, 162)

HSL

hsl(42, 44%, 75%)

HSB

hsb(42, 26%, 86%)

CMYK

cmyk(0%, 8%, 26%, 14%)

Oklch

oklch(84.3% 0.056 87.7)

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

#D6857E

Peach Pink · DarkSalmon · Coral Red

HEX

#D6857E

RGB

rgb(214, 133, 126)

HSL

hsl(5, 52%, 67%)

HSB

hsb(5, 41%, 84%)

CMYK

cmyk(0%, 38%, 41%, 16%)

Oklch

oklch(70.0% 0.101 25.3)

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

#C26188

Dark Violet · LightCoral · Rose Pink

HEX

#C26188

RGB

rgb(194, 97, 136)

HSL

hsl(336, 44%, 57%)

HSB

hsb(336, 50%, 76%)

CMYK

cmyk(0%, 50%, 30%, 24%)

Oklch

oklch(61.9% 0.131 356.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#996A8A

Rose Purple · Gray · Violet

HEX

#996A8A

RGB

rgb(153, 106, 138)

HSL

hsl(319, 19%, 51%)

HSB

hsb(319, 31%, 60%)

CMYK

cmyk(0%, 31%, 10%, 40%)

Oklch

oklch(58.3% 0.074 339.0)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9EDCA

DECAED

Analogous

EAEDCA

D9EDCA

CAEDCC

Triadic

D9EDCA

CAD9ED

EDCAD9

Split-Comp.

D9EDCA

CCCAED

EDCAEA

Tetradic

D9EDCA

CAEAED

DECAED

EDCCCA

Contrast Matrix WCAG 2.1 Contrast

D9EDCA	DBCAA2	D6857E	C26188	996A8A
—	1.3 Fail	2.3 Fail	3.2 AA Large	3.5 AA Large
1.3 Fail	—	1.7 Fail	2.4 Fail	2.7 Fail
2.3 Fail	1.7 Fail	—	1.4 Fail	1.6 Fail
3.2 AA Large	2.4 Fail	1.4 Fail	—	1.1 Fail
3.5 AA Large	2.7 Fail	1.6 Fail	1.1 Fail	—

White BG

1.2Fail

1.6Fail

2.8Fail

3.9AA Large

4.4AA Large

Black BG

16.9AAA

13.0AAA

7.5AAA

5.4AA

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2D2

D4D3AC

B3B280

98977F

858482

Deuteranopia

E1DFD4

D5D6AE

B8BE80

9EA57C

878B80

Tritanopia

DAD9DB

DAB3B5

D28181

BD7775

977C7B

Achromatopsia

E3E3E3

CBCBCB

9C9C9C

828282

7C7C7C

Shades & Tints Shades & Tints

#D9EDCA

Dark

Light

#DBCAA2

Dark

Light

#D6857E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9edca;
  --color-2: #dbcaa2;
  --color-3: #d6857e;
  --color-4: #c26188;
  --color-5: #996a8a;
}

SCSS

$color-1: #d9edca;
$color-2: #dbcaa2;
$color-3: #d6857e;
$color-4: #c26188;
$color-5: #996a8a;

TAILWIND

colors: {
  'brand-1': '#d9edca',
  'brand-2': '#dbcaa2',
  'brand-3': '#d6857e',
  'brand-4': '#c26188',
  'brand-5': '#996a8a',
}

RGB Array

[217, 237, 202], [219, 202, 162], [214, 133, 126], [194, 97, 136], [153, 106, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9EDCA, #DBCAA2, #D6857E, #C26188, #996A8A 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: #d9edca; --color-2: #dbcaa2; --color-3: #d6857e; --color-4: #c26188; --color-5: #996a8a. 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