← Back to Editor

#D9BABA · #BDBAB2 · #8CC2B2 · #A1AFBF · #CF95B7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9BABA

Peach Pink · Silver · Coral Red

HEX
#D9BABA
RGB
rgb(217, 186, 186)
HSL
hsl(0, 29%, 79%)
HSB
hsb(0, 14%, 85%)
CMYK
cmyk(0%, 14%, 14%, 15%)
Oklch
oklch(81.6% 0.036 17.9)

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

#BDBAB2

Goose Yellow · Silver · Pearl Gray

HEX
#BDBAB2
RGB
rgb(189, 186, 178)
HSL
hsl(44, 8%, 72%)
HSB
hsb(44, 6%, 74%)
CMYK
cmyk(0%, 2%, 6%, 26%)
Oklch
oklch(78.9% 0.012 89.7)

Traditional「Goose Yellow」· Paint「Pearl Gray」· Creative Silver Lining

#8CC2B2

Jade · DarkSeaGreen · Lake Green

HEX
#8CC2B2
RGB
rgb(140, 194, 178)
HSL
hsl(162, 31%, 65%)
HSB
hsb(162, 28%, 76%)
CMYK
cmyk(28%, 0%, 8%, 24%)
Oklch
oklch(77.2% 0.061 174.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#A1AFBF

Azure · DarkGray · Cobalt Blue

HEX
#A1AFBF
RGB
rgb(161, 175, 191)
HSL
hsl(212, 19%, 69%)
HSB
hsb(212, 16%, 75%)
CMYK
cmyk(16%, 8%, 0%, 25%)
Oklch
oklch(74.8% 0.028 251.7)

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

#CF95B7

Mauve · DarkGray · Rose Pink

HEX
#CF95B7
RGB
rgb(207, 149, 183)
HSL
hsl(325, 38%, 70%)
HSB
hsb(325, 28%, 81%)
CMYK
cmyk(0%, 28%, 12%, 19%)
Oklch
oklch(73.6% 0.082 343.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9BABA
BAD9D9

Analogous

D9BAC9
D9BABA
D9C9BA

Triadic

D9BABA
BAD9BA
BABAD9

Split-Comp.

D9BABA
BAD9C9
BAC9D9

Tetradic

D9BABA
C9D9BA
BAD9D9
C9BAD9

Contrast Matrix WCAG 2.1 Contrast

D9BABA
BDBAB2
8CC2B2
A1AFBF
CF95B7
—
1.1
Fail
1.1
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
1.3
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
1.8Fail
1.9Fail
2.0Fail
2.2Fail
2.4Fail
Black BG
11.7AAA
10.8AAA
10.5AAA
9.4AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCBBA
BCBCB4
A3A4B6
A7A7BB
B6B5AF

Deuteranopia

CDD0BA
BCBCB4
A09CB7
A6A5BA
B9BEAD

Tritanopia

D7BABA
BDB5B6
8FB9BA
A2B8B7
CCA8A7

Achromatopsia

C3C3C3
BABABA
B0B0B0
ADADAD
AAAAAA

Shades & Tints Shades & Tints

#D9BABA

Dark
Light

#BDBAB2

Dark
Light

#8CC2B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9baba;
  --color-2: #bdbab2;
  --color-3: #8cc2b2;
  --color-4: #a1afbf;
  --color-5: #cf95b7;
}

SCSS

$color-1: #d9baba;
$color-2: #bdbab2;
$color-3: #8cc2b2;
$color-4: #a1afbf;
$color-5: #cf95b7;

TAILWIND

colors: {
  'brand-1': '#d9baba',
  'brand-2': '#bdbab2',
  'brand-3': '#8cc2b2',
  'brand-4': '#a1afbf',
  'brand-5': '#cf95b7',
}

RGB Array

[217, 186, 186], [189, 186, 178], [140, 194, 178], [161, 175, 191], [207, 149, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9BABA, #BDBAB2, #8CC2B2, #A1AFBF, #CF95B7 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: #d9baba; --color-2: #bdbab2; --color-3: #8cc2b2; --color-4: #a1afbf; --color-5: #cf95b7. 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