#BC89C4 + #ADA3CC + #ABB6B8 + #D4B3AE + #E8BEB7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BC89C4

Lilac · Orchid · Lilac Purple

HEX

#BC89C4

RGB

rgb(188, 137, 196)

HSL

hsl(292, 33%, 65%)

HSB

hsb(292, 30%, 77%)

CMYK

cmyk(4%, 30%, 0%, 23%)

Oklch

oklch(70.0% 0.101 321.9)

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

#ADA3CC

Wisteria · DarkGray · Cobalt Blue

HEX

#ADA3CC

RGB

rgb(173, 163, 204)

HSL

hsl(255, 29%, 72%)

HSB

hsb(255, 20%, 80%)

CMYK

cmyk(15%, 20%, 0%, 20%)

Oklch

oklch(73.8% 0.059 296.1)

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

#ABB6B8

Sky Blue · DarkGray · Silver Sand

HEX

#ABB6B8

RGB

rgb(171, 182, 184)

HSL

hsl(189, 8%, 70%)

HSB

hsb(189, 7%, 72%)

CMYK

cmyk(7%, 1%, 0%, 28%)

Oklch

oklch(76.8% 0.013 209.8)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

#D4B3AE

Peach Pink · Silver · Coral Red

HEX

#D4B3AE

RGB

rgb(212, 179, 174)

HSL

hsl(8, 31%, 76%)

HSB

hsb(8, 18%, 83%)

CMYK

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

Oklch

oklch(79.4% 0.039 28.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E8BEB7

Peach Pink · LightPink · Cherry Blossom

HEX

#E8BEB7

RGB

rgb(232, 190, 183)

HSL

hsl(9, 52%, 81%)

HSB

hsb(9, 21%, 91%)

CMYK

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

Oklch

oklch(83.6% 0.049 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BC89C4

90C388

Analogous

9E88C3

BC89C4

C388AE

Triadic

BC89C4

C3BB88

88C3BB

Split-Comp.

BC89C4

AEC388

88C39E

Tetradic

BC89C4

C39E88

90C388

88AEC3

Contrast Matrix WCAG 2.1 Contrast

BC89C4	ADA3CC	ABB6B8	D4B3AE	E8BEB7
—	1.2 Fail	1.3 Fail	1.4 Fail	1.7 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.7 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

2.8Fail

2.4Fail

2.1Fail

1.9Fail

1.7Fail

Black BG

7.5AAA

8.9AAA

10.1AAA

10.9AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A5B6

A9A9C2

B0B0B8

C6C5AF

D6D5B9

Deuteranopia

A9ADB2

A9AAC0

AFAEB7

C8CAB0

D8DBB9

Tritanopia

B9AAA8

ADBAB9

ACB7B7

D2B0B0

E6BABA

Achromatopsia

9F9F9F

ABABAB

B3B3B3

BCBCBC

CACACA

Shades & Tints Shades & Tints

#BC89C4

Dark

Light

#ADA3CC

Dark

Light

#ABB6B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bc89c4;
  --color-2: #ada3cc;
  --color-3: #abb6b8;
  --color-4: #d4b3ae;
  --color-5: #e8beb7;
}

SCSS

$color-1: #bc89c4;
$color-2: #ada3cc;
$color-3: #abb6b8;
$color-4: #d4b3ae;
$color-5: #e8beb7;

TAILWIND

colors: {
  'brand-1': '#bc89c4',
  'brand-2': '#ada3cc',
  'brand-3': '#abb6b8',
  'brand-4': '#d4b3ae',
  'brand-5': '#e8beb7',
}

RGB Array

[188, 137, 196], [173, 163, 204], [171, 182, 184], [212, 179, 174], [232, 190, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BC89C4, #ADA3CC, #ABB6B8, #D4B3AE, #E8BEB7 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: #bc89c4; --color-2: #ada3cc; --color-3: #abb6b8; --color-4: #d4b3ae; --color-5: #e8beb7. 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