#EBB7DA + #D1B0C7 + #E7D3C2 + #EDE1D5 + #D3DBD6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBB7DA

Mauve · Pink · Cherry Blossom

HEX

#EBB7DA

RGB

rgb(235, 183, 218)

HSL

hsl(320, 57%, 82%)

HSB

hsb(320, 22%, 92%)

CMYK

cmyk(0%, 22%, 7%, 8%)

Oklch

oklch(83.7% 0.075 338.7)

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

#D1B0C7

Mauve · Silver · Lilac Purple

HEX

#D1B0C7

RGB

rgb(209, 176, 199)

HSL

hsl(318, 26%, 75%)

HSB

hsb(318, 16%, 82%)

CMYK

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

Oklch

oklch(79.3% 0.049 337.1)

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

#E7D3C2

Apricot · Wheat · Peach Orange

HEX

#E7D3C2

RGB

rgb(231, 211, 194)

HSL

hsl(28, 44%, 83%)

HSB

hsb(28, 16%, 91%)

CMYK

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

Oklch

oklch(87.9% 0.032 62.8)

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

#EDE1D5

Goose Yellow · Beige · Peach Orange

HEX

#EDE1D5

RGB

rgb(237, 225, 213)

HSL

hsl(30, 40%, 88%)

HSB

hsb(30, 10%, 93%)

CMYK

cmyk(0%, 5%, 10%, 7%)

Oklch

oklch(91.6% 0.021 67.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D3DBD6

Celadon · LightGray · Mint Green

HEX

#D3DBD6

RGB

rgb(211, 219, 214)

HSL

hsl(143, 10%, 84%)

HSB

hsb(143, 4%, 86%)

CMYK

cmyk(4%, 0%, 2%, 14%)

Oklch

oklch(88.4% 0.011 158.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBB7DA

B7EBC8

Analogous

E3B7EB

EBB7DA

EBB7C0

Triadic

EBB7DA

DAEBB7

B7DAEB

Split-Comp.

EBB7DA

C0EBB7

B7EBE3

Tetradic

EBB7DA

EBE3B7

B7EBC8

B7C0EB

Contrast Matrix WCAG 2.1 Contrast

EBB7DA	D1B0C7	E7D3C2	EDE1D5	D3DBD6
—	1.1 Fail	1.2 Fail	1.3 Fail	1.2 Fail
1.1 Fail	—	1.3 Fail	1.5 Fail	1.4 Fail
1.2 Fail	1.3 Fail	—	1.1 Fail	1.0 Fail
1.3 Fail	1.5 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.4 Fail	1.0 Fail	1.1 Fail	—

White BG

1.7Fail

2.0Fail

1.4Fail

1.3Fail

1.4Fail

Black BG

12.3AAA

10.7AAA

14.5AAA

16.3AAA

14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4D2

C3C2C1

DEDEC6

E8E8D8

D6D7D7

Deuteranopia

D8DBD0

C5C7C0

E0E1C7

E9E9D9

D6D5D8

Tritanopia

E8CBC9

CFBDBC

E6C9CA

ECDADB

D3D8D8

Achromatopsia

CBCBCB

BCBCBC

D7D7D7

E3E3E3

D8D8D8

Shades & Tints Shades & Tints

#EBB7DA

Dark

Light

#D1B0C7

Dark

Light

#E7D3C2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebb7da;
  --color-2: #d1b0c7;
  --color-3: #e7d3c2;
  --color-4: #ede1d5;
  --color-5: #d3dbd6;
}

SCSS

$color-1: #ebb7da;
$color-2: #d1b0c7;
$color-3: #e7d3c2;
$color-4: #ede1d5;
$color-5: #d3dbd6;

TAILWIND

colors: {
  'brand-1': '#ebb7da',
  'brand-2': '#d1b0c7',
  'brand-3': '#e7d3c2',
  'brand-4': '#ede1d5',
  'brand-5': '#d3dbd6',
}

RGB Array

[235, 183, 218], [209, 176, 199], [231, 211, 194], [237, 225, 213], [211, 219, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBB7DA, #D1B0C7, #E7D3C2, #EDE1D5, #D3DBD6 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: #ebb7da; --color-2: #d1b0c7; --color-3: #e7d3c2; --color-4: #ede1d5; --color-5: #d3dbd6. 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