← Back to Editor

#D5B4BB · #CDBFB8 · #C5C9B5 · #BCD4B1 · #B4DEAE

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

#D5B4BB

Peach Pink · Silver · Coral Red

HEX
#D5B4BB
RGB
rgb(213, 180, 187)
HSL
hsl(347, 28%, 77%)
HSB
hsb(347, 15%, 84%)
CMYK
cmyk(0%, 15%, 12%, 16%)
Oklch
oklch(80.1% 0.039 3.7)

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

#CDBFB8

Apricot · Silver · Peach Orange

HEX
#CDBFB8
RGB
rgb(205, 191, 184)
HSL
hsl(20, 17%, 76%)
HSB
hsb(20, 10%, 80%)
CMYK
cmyk(0%, 7%, 10%, 20%)
Oklch
oklch(81.4% 0.019 48.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C5C9B5

Willow Green · Silver · Apple Green

HEX
#C5C9B5
RGB
rgb(197, 201, 181)
HSL
hsl(72, 16%, 75%)
HSB
hsb(72, 10%, 79%)
CMYK
cmyk(2%, 0%, 10%, 21%)
Oklch
oklch(82.7% 0.028 116.2)

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

#BCD4B1

Celadon · Silver · Apple Green

HEX
#BCD4B1
RGB
rgb(188, 212, 177)
HSL
hsl(101, 29%, 76%)
HSB
hsb(101, 17%, 83%)
CMYK
cmyk(11%, 0%, 17%, 17%)
Oklch
oklch(84.3% 0.054 135.8)

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

#B4DEAE

Celadon · Silver · Apple Green

HEX
#B4DEAE
RGB
rgb(180, 222, 174)
HSL
hsl(112, 42%, 78%)
HSB
hsb(112, 22%, 87%)
CMYK
cmyk(19%, 0%, 22%, 13%)
Oklch
oklch(85.8% 0.079 141.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5B4BB
B4D5CE

Analogous

D5B4CB
D5B4BB
D5BDB4

Triadic

D5B4BB
BBD5B4
B4BBD5

Split-Comp.

D5B4BB
B4D5BD
B4CBD5

Tetradic

D5B4BB
CBD5B4
B4D5CE
BDB4D5

Contrast Matrix WCAG 2.1 Contrast

D5B4BB
CDBFB8
C5C9B5
BCD4B1
B4DEAE
—
1.1
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
White BG
1.9Fail
1.8Fail
1.7Fail
1.6Fail
1.5Fail
Black BG
11.1AAA
11.7AAA
12.4AAA
13.2AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C6B9
C7C7BA
C7C7BA
C6C7B9
C6C7BA

Deuteranopia

C9CBB9
C8C9BA
C7C6BB
C5C3BC
C4C1BC

Tritanopia

D3B8B8
CCBBBB
C5BEBF
BDC0C2
B6C3C5

Achromatopsia

BFBFBF
C2C2C2
C6C6C6
C9C9C9
CCCCCC

Shades & Tints Shades & Tints

#D5B4BB

Dark
Light

#CDBFB8

Dark
Light

#C5C9B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5b4bb;
  --color-2: #cdbfb8;
  --color-3: #c5c9b5;
  --color-4: #bcd4b1;
  --color-5: #b4deae;
}

SCSS

$color-1: #d5b4bb;
$color-2: #cdbfb8;
$color-3: #c5c9b5;
$color-4: #bcd4b1;
$color-5: #b4deae;

TAILWIND

colors: {
  'brand-1': '#d5b4bb',
  'brand-2': '#cdbfb8',
  'brand-3': '#c5c9b5',
  'brand-4': '#bcd4b1',
  'brand-5': '#b4deae',
}

RGB Array

[213, 180, 187], [205, 191, 184], [197, 201, 181], [188, 212, 177], [180, 222, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5B4BB, #CDBFB8, #C5C9B5, #BCD4B1, #B4DEAE 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: #d5b4bb; --color-2: #cdbfb8; --color-3: #c5c9b5; --color-4: #bcd4b1; --color-5: #b4deae. 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