← Back to Editor

#CEABB1 · #B08FA0 · #D7C8CD · #A198A9 · #9E89A8

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CEABB1

Peach Pink · Silver · Coral Red

HEX
#CEABB1
RGB
rgb(206, 171, 177)
HSL
hsl(350, 26%, 74%)
HSB
hsb(350, 17%, 81%)
CMYK
cmyk(0%, 17%, 14%, 19%)
Oklch
oklch(77.4% 0.042 6.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B08FA0

Mauve · DarkGray · Rose Pink

HEX
#B08FA0
RGB
rgb(176, 143, 160)
HSL
hsl(329, 17%, 63%)
HSB
hsb(329, 19%, 69%)
CMYK
cmyk(0%, 19%, 9%, 31%)
Oklch
oklch(68.6% 0.046 346.0)

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

#D7C8CD

Rouge · LightGray · Cherry Blossom

HEX
#D7C8CD
RGB
rgb(215, 200, 205)
HSL
hsl(340, 16%, 81%)
HSB
hsb(340, 7%, 84%)
CMYK
cmyk(0%, 7%, 5%, 16%)
Oklch
oklch(84.7% 0.018 355.2)

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

#A198A9

Lilac · DarkGray · Silver Sand

HEX
#A198A9
RGB
rgb(161, 152, 169)
HSL
hsl(272, 9%, 63%)
HSB
hsb(272, 10%, 66%)
CMYK
cmyk(5%, 10%, 0%, 34%)
Oklch
oklch(69.3% 0.027 309.2)

Traditional「Lilac」· Paint「Silver Sand」· Creative Urban Concrete

#9E89A8

Dark Plum · DarkGray · Violet

HEX
#9E89A8
RGB
rgb(158, 137, 168)
HSL
hsl(281, 15%, 60%)
HSB
hsb(281, 18%, 66%)
CMYK
cmyk(6%, 18%, 0%, 34%)
Oklch
oklch(65.9% 0.051 314.9)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEABB1
ABCEC8

Analogous

CEABC2
CEABB1
CEB7AB

Triadic

CEABB1
B1CEAB
ABB1CE

Split-Comp.

CEABB1
ABCEB7
ABC2CE

Tetradic

CEABB1
C2CEAB
ABCEC8
B7ABCE

Contrast Matrix WCAG 2.1 Contrast

CEABB1
B08FA0
D7C8CD
A198A9
9E89A8
—
1.4
Fail
1.3
Fail
1.3
Fail
1.5
Fail
1.4
Fail
—
1.8
Fail
1.0
Fail
1.1
Fail
1.3
Fail
1.8
Fail
—
1.7
Fail
2.0
Fail
1.3
Fail
1.0
Fail
1.7
Fail
—
1.1
Fail
1.5
Fail
1.1
Fail
2.0
Fail
1.1
Fail
—
White BG
2.1Fail
2.9Fail
1.6Fail
2.8Fail
3.2AA Large
Black BG
10.1AAA
7.3AAA
13.0AAA
7.6AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBFB0
A2A19C
D1D0CC
9D9DA5
9595A0

Deuteranopia

C1C4AF
A4A69B
D1D3CC
9E9EA4
96989F

Tritanopia

CCAEAE
AE9998
D6CBCB
A1A2A1
9D9B99

Achromatopsia

B6B6B6
9B9B9B
CDCDCD
9D9D9D
939393

Shades & Tints Shades & Tints

#CEABB1

Dark
Light

#B08FA0

Dark
Light

#D7C8CD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceabb1;
  --color-2: #b08fa0;
  --color-3: #d7c8cd;
  --color-4: #a198a9;
  --color-5: #9e89a8;
}

SCSS

$color-1: #ceabb1;
$color-2: #b08fa0;
$color-3: #d7c8cd;
$color-4: #a198a9;
$color-5: #9e89a8;

TAILWIND

colors: {
  'brand-1': '#ceabb1',
  'brand-2': '#b08fa0',
  'brand-3': '#d7c8cd',
  'brand-4': '#a198a9',
  'brand-5': '#9e89a8',
}

RGB Array

[206, 171, 177], [176, 143, 160], [215, 200, 205], [161, 152, 169], [158, 137, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEABB1, #B08FA0, #D7C8CD, #A198A9, #9E89A8 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ceabb1; --color-2: #b08fa0; --color-3: #d7c8cd; --color-4: #a198a9; --color-5: #9e89a8. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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