#D0B6C5 + #FAB1CC + #E8CEC3 + #E8E6CB + #D4DAC7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D0B6C5

Mauve · Silver · Cherry Blossom

HEX

#D0B6C5

RGB

rgb(208, 182, 197)

HSL

hsl(325, 22%, 76%)

HSB

hsb(325, 12%, 82%)

CMYK

cmyk(0%, 12%, 5%, 18%)

Oklch

oklch(80.3% 0.036 342.3)

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

#FAB1CC

Rouge · LightPink · Cherry Blossom

HEX

#FAB1CC

RGB

rgb(250, 177, 204)

HSL

hsl(338, 88%, 84%)

HSB

hsb(338, 29%, 98%)

CMYK

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

Oklch

oklch(83.7% 0.091 355.3)

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

#E8CEC3

Apricot · Wheat · Peach Orange

HEX

#E8CEC3

RGB

rgb(232, 206, 195)

HSL

hsl(18, 45%, 84%)

HSB

hsb(18, 16%, 91%)

CMYK

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

Oklch

oklch(87.0% 0.033 44.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E8E6CB

Fresh Green · Bisque · Lemon Cream

HEX

#E8E6CB

RGB

rgb(232, 230, 203)

HSL

hsl(56, 39%, 85%)

HSB

hsb(56, 13%, 91%)

CMYK

cmyk(0%, 1%, 13%, 9%)

Oklch

oklch(91.9% 0.036 103.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D4DAC7

Willow Green · LightGray · Mint Green

HEX

#D4DAC7

RGB

rgb(212, 218, 199)

HSL

hsl(79, 20%, 82%)

HSB

hsb(79, 9%, 85%)

CMYK

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

Oklch

oklch(87.9% 0.026 121.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0B6C5

B4CFC0

Analogous

CDB4CF

D0B6C5

CFB4B7

Triadic

D0B6C5

C4CFB4

B4C4CF

Split-Comp.

D0B6C5

B7CFB4

B4CFCD

Tetradic

D0B6C5

CFCDB4

B4CFC0

B4B7CF

Contrast Matrix WCAG 2.1 Contrast

D0B6C5	FAB1CC	E8CEC3	E8E6CB	D4DAC7
—	1.1 Fail	1.3 Fail	1.5 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	1.2 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.0 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.3 Fail	1.2 Fail	1.0 Fail	1.1 Fail	—

White BG

1.9Fail

1.7Fail

1.5Fail

1.3Fail

1.4Fail

Black BG

11.2AAA

12.2AAA

14.0AAA

16.6AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5C1

DADAC5

DDDDC6

E7E7D2

D7D7CC

Deuteranopia

C6C8C0

DFE4C4

DEE0C6

E7E7D3

D6D6CD

Tritanopia

CFBFBE

F6C0BF

E7C8C8

E8D7D8

D4CFD0

Achromatopsia

BFBFBF

CACACA

D5D5D5

E4E4E4

D6D6D6

Shades & Tints Shades & Tints

#D0B6C5

Dark

Light

#FAB1CC

Dark

Light

#E8CEC3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0b6c5;
  --color-2: #fab1cc;
  --color-3: #e8cec3;
  --color-4: #e8e6cb;
  --color-5: #d4dac7;
}

SCSS

$color-1: #d0b6c5;
$color-2: #fab1cc;
$color-3: #e8cec3;
$color-4: #e8e6cb;
$color-5: #d4dac7;

TAILWIND

colors: {
  'brand-1': '#d0b6c5',
  'brand-2': '#fab1cc',
  'brand-3': '#e8cec3',
  'brand-4': '#e8e6cb',
  'brand-5': '#d4dac7',
}

RGB Array

[208, 182, 197], [250, 177, 204], [232, 206, 195], [232, 230, 203], [212, 218, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0B6C5, #FAB1CC, #E8CEC3, #E8E6CB, #D4DAC7 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: #d0b6c5; --color-2: #fab1cc; --color-3: #e8cec3; --color-4: #e8e6cb; --color-5: #d4dac7. 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