#D9B5C6 + #C6A2AC + #9C8890 + #B2E2B2 + #E7FBCE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9B5C6

Rouge · Silver · Cherry Blossom

HEX

#D9B5C6

RGB

rgb(217, 181, 198)

HSL

hsl(332, 32%, 78%)

HSB

hsb(332, 17%, 85%)

CMYK

cmyk(0%, 17%, 9%, 15%)

Oklch

oklch(81.0% 0.047 348.1)

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

#C6A2AC

Rouge · DarkGray · Rose Pink

HEX

#C6A2AC

RGB

rgb(198, 162, 172)

HSL

hsl(343, 24%, 71%)

HSB

hsb(343, 18%, 78%)

CMYK

cmyk(0%, 18%, 13%, 22%)

Oklch

oklch(74.8% 0.044 359.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#9C8890

Dark Violet · Gray · Silver Sand

HEX

#9C8890

RGB

rgb(156, 136, 144)

HSL

hsl(336, 9%, 57%)

HSB

hsb(336, 13%, 61%)

CMYK

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

Oklch

oklch(64.7% 0.027 351.8)

Traditional「Dark Violet」· Paint「Silver Sand」· Creative Urban Concrete

#B2E2B2

Celadon · Silver · Apple Green

HEX

#B2E2B2

RGB

rgb(178, 226, 178)

HSL

hsl(120, 45%, 79%)

HSB

hsb(120, 21%, 89%)

CMYK

cmyk(21%, 0%, 21%, 11%)

Oklch

oklch(86.7% 0.082 144.8)

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

#E7FBCE

Willow Green · Beige · Mint Green

HEX

#E7FBCE

RGB

rgb(231, 251, 206)

HSL

hsl(87, 85%, 90%)

HSB

hsb(87, 18%, 98%)

CMYK

cmyk(8%, 0%, 18%, 2%)

Oklch

oklch(96.2% 0.063 127.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9B5C6

B5D9C8

Analogous

D9B5D8

D9B5C6

D9B6B5

Triadic

D9B5C6

C6D9B5

B5C6D9

Split-Comp.

D9B5C6

B5D9B6

B5D8D9

Tetradic

D9B5C6

D8D9B5

B5D9C8

B6B5D9

Contrast Matrix WCAG 2.1 Contrast

D9B5C6	C6A2AC	9C8890	B2E2B2	E7FBCE
—	1.2 Fail	1.8 Fail	1.3 Fail	1.7 Fail
1.2 Fail	—	1.4 Fail	1.6 Fail	2.1 Fail
1.8 Fail	1.4 Fail	—	2.3 Fail	3.0 AA Large
1.3 Fail	1.6 Fail	2.3 Fail	—	1.3 Fail
1.7 Fail	2.1 Fail	3.0 AA Large	1.3 Fail	—

White BG

1.8Fail

2.3Fail

3.3AA Large

1.5Fail

1.1Fail

Black BG

11.4AAA

9.2AAA

6.3AA

14.4AAA

19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9C2

B6B6AA

93938E

C7C7BE

F0F0D9

Deuteranopia

CCCEC1

B9BBA9

95968E

C4C0C0

EFEDDC

Tritanopia

D7BFBE

C4A8A7

9B8D8C

B4C7C9

E8E1E3

Achromatopsia

C2C2C2

AEAEAE

8F8F8F

CECECE

F0F0F0

Shades & Tints Shades & Tints

#D9B5C6

Dark

Light

#C6A2AC

Dark

Light

#9C8890

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9b5c6;
  --color-2: #c6a2ac;
  --color-3: #9c8890;
  --color-4: #b2e2b2;
  --color-5: #e7fbce;
}

SCSS

$color-1: #d9b5c6;
$color-2: #c6a2ac;
$color-3: #9c8890;
$color-4: #b2e2b2;
$color-5: #e7fbce;

TAILWIND

colors: {
  'brand-1': '#d9b5c6',
  'brand-2': '#c6a2ac',
  'brand-3': '#9c8890',
  'brand-4': '#b2e2b2',
  'brand-5': '#e7fbce',
}

RGB Array

[217, 181, 198], [198, 162, 172], [156, 136, 144], [178, 226, 178], [231, 251, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9B5C6, #C6A2AC, #9C8890, #B2E2B2, #E7FBCE 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: #d9b5c6; --color-2: #c6a2ac; --color-3: #9c8890; --color-4: #b2e2b2; --color-5: #e7fbce. 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