← Back to Editor

#D8B1B0 · #CEC7B9 · #B2BEB6 · #96B2B2 · #7CA8AF

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

#D8B1B0

Peach Pink · Silver · Coral Red

HEX
#D8B1B0
RGB
rgb(216, 177, 176)
HSL
hsl(1, 34%, 77%)
HSB
hsb(1, 19%, 85%)
CMYK
cmyk(0%, 18%, 19%, 15%)
Oklch
oklch(79.5% 0.045 19.9)

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

#CEC7B9

Goose Yellow · Silver · Lemon Cream

HEX
#CEC7B9
RGB
rgb(206, 199, 185)
HSL
hsl(40, 18%, 77%)
HSB
hsb(40, 10%, 81%)
CMYK
cmyk(0%, 3%, 10%, 19%)
Oklch
oklch(83.1% 0.021 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#B2BEB6

Celadon · Silver · Pearl Gray

HEX
#B2BEB6
RGB
rgb(178, 190, 182)
HSL
hsl(140, 8%, 72%)
HSB
hsb(140, 6%, 75%)
CMYK
cmyk(6%, 0%, 4%, 25%)
Oklch
oklch(79.0% 0.017 156.8)

Traditional「Celadon」· Paint「Pearl Gray」· Creative Silver Lining

#96B2B2

Sky Blue · DarkGray · Lake Green

HEX
#96B2B2
RGB
rgb(150, 178, 178)
HSL
hsl(180, 15%, 64%)
HSB
hsb(180, 16%, 70%)
CMYK
cmyk(16%, 0%, 0%, 30%)
Oklch
oklch(74.3% 0.031 196.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#7CA8AF

Slate Blue · CadetBlue · Lake Green

HEX
#7CA8AF
RGB
rgb(124, 168, 175)
HSL
hsl(188, 24%, 59%)
HSB
hsb(188, 29%, 69%)
CMYK
cmyk(29%, 4%, 0%, 31%)
Oklch
oklch(70.2% 0.048 208.3)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8B1B0
B0D8D8

Analogous

D8B0C4
D8B1B0
D8C5B0

Triadic

D8B1B0
B0D8B1
B1B0D8

Split-Comp.

D8B1B0
B0D8C5
B0C4D8

Tetradic

D8B1B0
C4D8B0
B0D8D8
C5B0D8

Contrast Matrix WCAG 2.1 Contrast

D8B1B0
CEC7B9
B2BEB6
96B2B2
7CA8AF
—
1.2
Fail
1.0
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
White BG
1.9Fail
1.7Fail
1.9Fail
2.3Fail
2.6Fail
Black BG
10.8AAA
12.5AAA
10.9AAA
9.3AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7B0
CBCBBC
B7B7B8
A2A2B2
8F8FAD

Deuteranopia

C9CCB0
CBCCBD
B7B6B8
A19EB2
8D89AD

Tritanopia

D6B0B0
CEBFC0
B3B9BA
97B2B2
7EACAC

Achromatopsia

BDBDBD
C7C7C7
B9B9B9
AAAAAA
9C9C9C

Shades & Tints Shades & Tints

#D8B1B0

Dark
Light

#CEC7B9

Dark
Light

#B2BEB6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8b1b0;
  --color-2: #cec7b9;
  --color-3: #b2beb6;
  --color-4: #96b2b2;
  --color-5: #7ca8af;
}

SCSS

$color-1: #d8b1b0;
$color-2: #cec7b9;
$color-3: #b2beb6;
$color-4: #96b2b2;
$color-5: #7ca8af;

TAILWIND

colors: {
  'brand-1': '#d8b1b0',
  'brand-2': '#cec7b9',
  'brand-3': '#b2beb6',
  'brand-4': '#96b2b2',
  'brand-5': '#7ca8af',
}

RGB Array

[216, 177, 176], [206, 199, 185], [178, 190, 182], [150, 178, 178], [124, 168, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8B1B0, #CEC7B9, #B2BEB6, #96B2B2, #7CA8AF 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: #d8b1b0; --color-2: #cec7b9; --color-3: #b2beb6; --color-4: #96b2b2; --color-5: #7ca8af. 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