#BFCEC1 + #EEBFC6 + #EE9EE5 + #DE91D1 + #AA98A0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BFCEC1

Celadon · Silver · Apple Green

HEX

#BFCEC1

RGB

rgb(191, 206, 193)

HSL

hsl(128, 13%, 78%)

HSB

hsb(128, 7%, 81%)

CMYK

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

Oklch

oklch(83.6% 0.024 149.3)

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

#EEBFC6

Peach Pink · Pink · Cherry Blossom

HEX

#EEBFC6

RGB

rgb(238, 191, 198)

HSL

hsl(351, 58%, 84%)

HSB

hsb(351, 20%, 93%)

CMYK

cmyk(0%, 20%, 17%, 7%)

Oklch

oklch(84.8% 0.055 8.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#EE9EE5

Mauve · Violet · Lilac Purple

HEX

#EE9EE5

RGB

rgb(238, 158, 229)

HSL

hsl(307, 70%, 78%)

HSB

hsb(307, 34%, 93%)

CMYK

cmyk(0%, 34%, 4%, 7%)

Oklch

oklch(80.1% 0.131 330.7)

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

#DE91D1

Mauve · Orchid · Lilac Purple

HEX

#DE91D1

RGB

rgb(222, 145, 209)

HSL

hsl(310, 54%, 72%)

HSB

hsb(310, 35%, 87%)

CMYK

cmyk(0%, 35%, 6%, 13%)

Oklch

oklch(75.5% 0.124 333.0)

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

#AA98A0

Rouge · DarkGray · Rose Pink

HEX

#AA98A0

RGB

rgb(170, 152, 160)

HSL

hsl(333, 10%, 63%)

HSB

hsb(333, 11%, 67%)

CMYK

cmyk(0%, 11%, 6%, 33%)

Oklch

oklch(69.8% 0.024 349.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFCEC1

CEC0CC

Analogous

C5CEC0

BFCEC1

C0CEC9

Triadic

BFCEC1

C2C0CE

CEC2C0

Split-Comp.

BFCEC1

C9C0CE

CEC0C5

Tetradic

BFCEC1

C0C5CE

CEC0CC

CEC9C0

Contrast Matrix WCAG 2.1 Contrast

BFCEC1	EEBFC6	EE9EE5	DE91D1	AA98A0
—	1.0 Fail	1.2 Fail	1.4 Fail	1.7 Fail
1.0 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.2 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.4 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.7 Fail	1.7 Fail	1.4 Fail	1.2 Fail	—

White BG

1.6Fail

2.0Fail

2.3Fail

2.7Fail

Black BG

12.8AAA

12.9AAA

10.7AAA

9.1AAA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C6C4

DAD9C4

CBCBD4

BDBCC2

A2A29E

Deuteranopia

C5C4C5

DCE0C4

D0D6D0

C1C7BE

A3A59E

Tritanopia

C0C7C7

ECC3C3

EAC6C3

DAB5B3

A99D9C

Achromatopsia

C8C8C8

CECECE

BEBEBE

AFAFAF

9E9E9E

Shades & Tints Shades & Tints

#BFCEC1

Dark

Light

#EEBFC6

Dark

Light

#EE9EE5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfcec1;
  --color-2: #eebfc6;
  --color-3: #ee9ee5;
  --color-4: #de91d1;
  --color-5: #aa98a0;
}

SCSS

$color-1: #bfcec1;
$color-2: #eebfc6;
$color-3: #ee9ee5;
$color-4: #de91d1;
$color-5: #aa98a0;

TAILWIND

colors: {
  'brand-1': '#bfcec1',
  'brand-2': '#eebfc6',
  'brand-3': '#ee9ee5',
  'brand-4': '#de91d1',
  'brand-5': '#aa98a0',
}

RGB Array

[191, 206, 193], [238, 191, 198], [238, 158, 229], [222, 145, 209], [170, 152, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFCEC1, #EEBFC6, #EE9EE5, #DE91D1, #AA98A0 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: #bfcec1; --color-2: #eebfc6; --color-3: #ee9ee5; --color-4: #de91d1; --color-5: #aa98a0. 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