← Back to Editor

#D2BCD2 · #EDA9CC · #DB9DD1 · #9D8598 · #5B676C

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#D2BCD2

Mauve · LightGray · Lilac Purple

HEX
#D2BCD2
RGB
rgb(210, 188, 210)
HSL
hsl(300, 20%, 78%)
HSB
hsb(300, 10%, 82%)
CMYK
cmyk(0%, 10%, 0%, 18%)
Oklch
oklch(82.0% 0.039 325.9)

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

#EDA9CC

Mauve · LightPink · Cherry Blossom

HEX
#EDA9CC
RGB
rgb(237, 169, 204)
HSL
hsl(329, 65%, 80%)
HSB
hsb(329, 29%, 93%)
CMYK
cmyk(0%, 29%, 14%, 7%)
Oklch
oklch(80.9% 0.091 347.1)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#DB9DD1

Mauve · Violet · Lilac Purple

HEX
#DB9DD1
RGB
rgb(219, 157, 209)
HSL
hsl(310, 46%, 74%)
HSB
hsb(310, 28%, 86%)
CMYK
cmyk(0%, 28%, 5%, 14%)
Oklch
oklch(77.2% 0.100 332.3)

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

#9D8598

Rose Purple · Gray · Violet

HEX
#9D8598
RGB
rgb(157, 133, 152)
HSL
hsl(313, 11%, 57%)
HSB
hsb(313, 15%, 62%)
CMYK
cmyk(0%, 15%, 3%, 38%)
Oklch
oklch(64.5% 0.040 333.2)

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

#5B676C

Slate Blue · DimGray · Charcoal

HEX
#5B676C
RGB
rgb(91, 103, 108)
HSL
hsl(198, 9%, 39%)
HSB
hsb(198, 16%, 42%)
CMYK
cmyk(16%, 5%, 0%, 58%)
Oklch
oklch(50.5% 0.017 224.7)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2BCD2
BCD2BC

Analogous

C7BCD2
D2BCD2
D2BCC7

Triadic

D2BCD2
D2D2BC
BCD2D2

Split-Comp.

D2BCD2
C7D2BC
BCD2C7

Tetradic

D2BCD2
D2C7BC
BCD2BC
BCC7D2

Contrast Matrix WCAG 2.1 Contrast

D2BCD2
EDA9CC
DB9DD1
9D8598
5B676C
—
1.1
Fail
1.2
Fail
1.9
Fail
3.3
AA Large
1.1
Fail
—
1.1
Fail
1.8
Fail
3.1
AA Large
1.2
Fail
1.1
Fail
—
1.6
Fail
2.7
Fail
1.9
Fail
1.8
Fail
1.6
Fail
—
1.7
Fail
3.3
AA Large
3.1
AA Large
2.7
Fail
1.7
Fail
—
White BG
1.8Fail
1.9Fail
2.2Fail
3.4AA Large
5.8AA
Black BG
11.9AAA
11.1AAA
9.8AAA
6.2AA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8CD
D0CFC4
C0C0C4
939293
60606B

Deuteranopia

CACBCB
D4D9C1
C4C8C1
949692
605F6B

Tritanopia

D1C8C8
EABDBB
D8BAB8
9C908F
5C6A6A

Achromatopsia

C5C5C5
C1C1C1
B5B5B5
8E8E8E
646464

Shades & Tints Shades & Tints

#D2BCD2

Dark
Light

#EDA9CC

Dark
Light

#DB9DD1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2bcd2;
  --color-2: #eda9cc;
  --color-3: #db9dd1;
  --color-4: #9d8598;
  --color-5: #5b676c;
}

SCSS

$color-1: #d2bcd2;
$color-2: #eda9cc;
$color-3: #db9dd1;
$color-4: #9d8598;
$color-5: #5b676c;

TAILWIND

colors: {
  'brand-1': '#d2bcd2',
  'brand-2': '#eda9cc',
  'brand-3': '#db9dd1',
  'brand-4': '#9d8598',
  'brand-5': '#5b676c',
}

RGB Array

[210, 188, 210], [237, 169, 204], [219, 157, 209], [157, 133, 152], [91, 103, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2BCD2, #EDA9CC, #DB9DD1, #9D8598, #5B676C is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d2bcd2; --color-2: #eda9cc; --color-3: #db9dd1; --color-4: #9d8598; --color-5: #5b676c. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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