#EBC0DA + #BC95BF + #B6A5D1 + #B9B6E3 + #BBC0ED · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBC0DA

Mauve · Pink · Cherry Blossom

HEX

#EBC0DA

RGB

rgb(235, 192, 218)

HSL

hsl(324, 52%, 84%)

HSB

hsb(324, 18%, 92%)

CMYK

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

Oklch

oklch(85.3% 0.059 341.5)

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

#BC95BF

Lilac · DarkGray · Lilac Purple

HEX

#BC95BF

RGB

rgb(188, 149, 191)

HSL

hsl(296, 25%, 67%)

HSB

hsb(296, 22%, 75%)

CMYK

cmyk(2%, 22%, 0%, 25%)

Oklch

oklch(72.0% 0.074 324.0)

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

#B6A5D1

Wisteria · Silver · Lilac Purple

HEX

#B6A5D1

RGB

rgb(182, 165, 209)

HSL

hsl(263, 32%, 73%)

HSB

hsb(263, 21%, 82%)

CMYK

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

Oklch

oklch(75.1% 0.065 302.5)

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

#B9B6E3

Wisteria · LightSteelBlue · Cobalt Blue

HEX

#B9B6E3

RGB

rgb(185, 182, 227)

HSL

hsl(244, 45%, 80%)

HSB

hsb(244, 20%, 89%)

CMYK

cmyk(19%, 20%, 0%, 11%)

Oklch

oklch(79.4% 0.063 287.9)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#BBC0ED

Azure · LightSteelBlue · Sky Blue

HEX

#BBC0ED

RGB

rgb(187, 192, 237)

HSL

hsl(234, 58%, 83%)

HSB

hsb(234, 21%, 93%)

CMYK

cmyk(21%, 19%, 0%, 7%)

Oklch

oklch(81.9% 0.063 279.9)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBC0DA

C1EBD2

Analogous

E7C1EB

EBC0DA

EBC1C5

Triadic

EBC0DA

DAEBC1

C1DAEB

Split-Comp.

EBC0DA

C5EBC1

C1EBE7

Tetradic

EBC0DA

EBE7C1

C1EBD2

C1C5EB

Contrast Matrix WCAG 2.1 Contrast

EBC0DA	BC95BF	B6A5D1	B9B6E3	BBC0ED
—	1.6 Fail	1.4 Fail	1.2 Fail	1.1 Fail
1.6 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.4 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.2 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.1 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

1.6Fail

2.6Fail

2.3Fail

1.9Fail

1.8Fail

Black BG

13.1AAA

8.2AAA

9.3AAA

10.9AAA

11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8D4

ABABB5

AFAEC6

B8B8D8

BDBDE2

Deuteranopia

DBDED2

ADB0B2

B0B1C4

B8B8D5

BDBDDF

Tritanopia

E9CFCE

BAADAB

B5BEBC

B9D0CE

BBDAD8

Achromatopsia

D0D0D0

A5A5A5

AFAFAF

BCBCBC

C4C4C4

Shades & Tints Shades & Tints

#EBC0DA

Dark

Light

#BC95BF

Dark

Light

#B6A5D1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebc0da;
  --color-2: #bc95bf;
  --color-3: #b6a5d1;
  --color-4: #b9b6e3;
  --color-5: #bbc0ed;
}

SCSS

$color-1: #ebc0da;
$color-2: #bc95bf;
$color-3: #b6a5d1;
$color-4: #b9b6e3;
$color-5: #bbc0ed;

TAILWIND

colors: {
  'brand-1': '#ebc0da',
  'brand-2': '#bc95bf',
  'brand-3': '#b6a5d1',
  'brand-4': '#b9b6e3',
  'brand-5': '#bbc0ed',
}

RGB Array

[235, 192, 218], [188, 149, 191], [182, 165, 209], [185, 182, 227], [187, 192, 237]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EBC0DA, #BC95BF, #B6A5D1, #B9B6E3, #BBC0ED 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: #ebc0da; --color-2: #bc95bf; --color-3: #b6a5d1; --color-4: #b9b6e3; --color-5: #bbc0ed. 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 cool-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