#D9C2CE + #948A91 + #E7CFC6 + #EBC3BA + #F8B7AF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9C2CE

Mauve · LightGray · Cherry Blossom

HEX

#D9C2CE

RGB

rgb(217, 194, 206)

HSL

hsl(329, 23%, 81%)

HSB

hsb(329, 11%, 85%)

CMYK

cmyk(0%, 11%, 5%, 15%)

Oklch

oklch(83.7% 0.030 344.9)

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

#948A91

Ash · Gray · Silver Sand

HEX

#948A91

RGB

rgb(148, 138, 145)

HSL

hsl(318, 4%, 56%)

HSB

hsb(318, 7%, 58%)

CMYK

cmyk(0%, 7%, 2%, 42%)

Oklch

oklch(64.4% 0.016 336.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#E7CFC6

Apricot · LightGray · Peach Orange

HEX

#E7CFC6

RGB

rgb(231, 207, 198)

HSL

hsl(16, 41%, 84%)

HSB

hsb(16, 14%, 91%)

CMYK

cmyk(0%, 10%, 14%, 9%)

Oklch

oklch(87.2% 0.030 41.7)

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

#EBC3BA

Peach Pink · LightPink · Cherry Blossom

HEX

#EBC3BA

RGB

rgb(235, 195, 186)

HSL

hsl(11, 55%, 83%)

HSB

hsb(11, 21%, 92%)

CMYK

cmyk(0%, 17%, 21%, 8%)

Oklch

oklch(84.9% 0.048 32.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F8B7AF

Peach Pink · LightPink · Cherry Blossom

HEX

#F8B7AF

RGB

rgb(248, 183, 175)

HSL

hsl(7, 84%, 83%)

HSB

hsb(7, 29%, 97%)

CMYK

cmyk(0%, 26%, 29%, 3%)

Oklch

oklch(83.7% 0.077 26.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9C2CE

C3DACE

Analogous

D9C3DA

D9C2CE

DAC3C4

Triadic

D9C2CE

CFDAC3

C3CFDA

Split-Comp.

D9C2CE

C4DAC3

C3DAD9

Tetradic

D9C2CE

DAD9C3

C3DACE

C3C4DA

Contrast Matrix WCAG 2.1 Contrast

D9C2CE	948A91	E7CFC6	EBC3BA	F8B7AF
—	2.0 Fail	1.1 Fail	1.0 Fail	1.0 Fail
2.0 Fail	—	2.2 Fail	2.1 Fail	2.0 Fail
1.1 Fail	2.2 Fail	—	1.1 Fail	1.1 Fail
1.0 Fail	2.1 Fail	1.1 Fail	—	1.1 Fail
1.0 Fail	2.0 Fail	1.1 Fail	1.1 Fail	—

White BG

1.7Fail

3.3AA Large

1.5Fail

1.6Fail

1.7Fail

Black BG

12.6AAA

6.3AA

14.1AAA

13.0AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFCB

90908F

DDDCC8

DAD9BC

DCDBB1

Deuteranopia

D0D2CA

90918F

DEE0C9

DCDFBD

E0E5B1

Tritanopia

D8C9C8

948E8E

E6CACA

E9BEBE

F5B2B3

Achromatopsia

CACACA

8E8E8E

D5D5D5

CECECE

CACACA

Shades & Tints Shades & Tints

#D9C2CE

Dark

Light

#948A91

Dark

Light

#E7CFC6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9c2ce;
  --color-2: #948a91;
  --color-3: #e7cfc6;
  --color-4: #ebc3ba;
  --color-5: #f8b7af;
}

SCSS

$color-1: #d9c2ce;
$color-2: #948a91;
$color-3: #e7cfc6;
$color-4: #ebc3ba;
$color-5: #f8b7af;

TAILWIND

colors: {
  'brand-1': '#d9c2ce',
  'brand-2': '#948a91',
  'brand-3': '#e7cfc6',
  'brand-4': '#ebc3ba',
  'brand-5': '#f8b7af',
}

RGB Array

[217, 194, 206], [148, 138, 145], [231, 207, 198], [235, 195, 186], [248, 183, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9C2CE, #948A91, #E7CFC6, #EBC3BA, #F8B7AF 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: #d9c2ce; --color-2: #948a91; --color-3: #e7cfc6; --color-4: #ebc3ba; --color-5: #f8b7af. 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