#D0ACBA + #EBCCD8 + #EBD7CC + #EBE6CC + #C4B9C9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D0ACBA

Rouge · Silver · Rose Pink

HEX

#D0ACBA

RGB

rgb(208, 172, 186)

HSL

hsl(337, 28%, 75%)

HSB

hsb(337, 17%, 82%)

CMYK

cmyk(0%, 17%, 11%, 18%)

Oklch

oklch(78.0% 0.046 352.9)

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

#EBCCD8

Rouge · LightGray · Cherry Blossom

HEX

#EBCCD8

RGB

rgb(235, 204, 216)

HSL

hsl(337, 44%, 86%)

HSB

hsb(337, 13%, 92%)

CMYK

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

Oklch

oklch(87.5% 0.038 352.6)

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

#EBD7CC

Apricot · Bisque · Peach Orange

HEX

#EBD7CC

RGB

rgb(235, 215, 204)

HSL

hsl(21, 44%, 86%)

HSB

hsb(21, 13%, 92%)

CMYK

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

Oklch

oklch(89.2% 0.027 50.8)

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

#EBE6CC

Fresh Green · Bisque · Lemon Cream

HEX

#EBE6CC

RGB

rgb(235, 230, 204)

HSL

hsl(50, 44%, 86%)

HSB

hsb(50, 13%, 92%)

CMYK

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

Oklch

oklch(92.2% 0.035 98.1)

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

#C4B9C9

Lilac · Silver · Lilac Purple

HEX

#C4B9C9

RGB

rgb(196, 185, 201)

HSL

hsl(281, 13%, 76%)

HSB

hsb(281, 8%, 79%)

CMYK

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

Oklch

oklch(80.0% 0.025 315.4)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0ACBA

ADD1C3

Analogous

D1ADCD

D0ACBA

D1B2AD

Triadic

D0ACBA

BBD1AD

ADBBD1

Split-Comp.

D0ACBA

ADD1B2

ADCDD1

Tetradic

D0ACBA

CDD1AD

ADD1C3

B2ADD1

Contrast Matrix WCAG 2.1 Contrast

D0ACBA	EBCCD8	EBD7CC	EBE6CC	C4B9C9
—	1.4 Fail	1.5 Fail	1.6 Fail	1.1 Fail
1.4 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.5 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.6 Fail	1.2 Fail	1.1 Fail	—	1.5 Fail
1.1 Fail	1.3 Fail	1.4 Fail	1.5 Fail	—

White BG

2.0Fail

1.5Fail

1.4Fail

1.3Fail

1.9Fail

Black BG

10.3AAA

14.2AAA

15.1AAA

16.7AAA

11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0B7

DEDDD5

E2E2CF

E9E9D2

BFBFC5

Deuteranopia

C3C5B6

DFE2D4

E4E5CF

E9EAD4

C0C1C4

Tritanopia

CEB4B3

E9D3D2

EAD1D1

EBD7D8

C3C2C1

Achromatopsia

B8B8B8

D7D7D7

DCDCDC

E5E5E5

BEBEBE

Shades & Tints Shades & Tints

#D0ACBA

Dark

Light

#EBCCD8

Dark

Light

#EBD7CC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0acba;
  --color-2: #ebccd8;
  --color-3: #ebd7cc;
  --color-4: #ebe6cc;
  --color-5: #c4b9c9;
}

SCSS

$color-1: #d0acba;
$color-2: #ebccd8;
$color-3: #ebd7cc;
$color-4: #ebe6cc;
$color-5: #c4b9c9;

TAILWIND

colors: {
  'brand-1': '#d0acba',
  'brand-2': '#ebccd8',
  'brand-3': '#ebd7cc',
  'brand-4': '#ebe6cc',
  'brand-5': '#c4b9c9',
}

RGB Array

[208, 172, 186], [235, 204, 216], [235, 215, 204], [235, 230, 204], [196, 185, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0ACBA, #EBCCD8, #EBD7CC, #EBE6CC, #C4B9C9 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: #d0acba; --color-2: #ebccd8; --color-3: #ebd7cc; --color-4: #ebe6cc; --color-5: #c4b9c9. 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