← Back to Editor

#BFB1AB · #D4CCC8 · #D8BBC4 · #E5A5C4 · #A8A29D

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#BFB1AB

Apricot · DarkGray · Warm Sun

HEX
#BFB1AB
RGB
rgb(191, 177, 171)
HSL
hsl(18, 14%, 71%)
HSB
hsb(18, 10%, 75%)
CMYK
cmyk(0%, 7%, 10%, 25%)
Oklch
oklch(77.0% 0.018 44.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D4CCC8

Apricot · LightGray · Peach Orange

HEX
#D4CCC8
RGB
rgb(212, 204, 200)
HSL
hsl(20, 12%, 81%)
HSB
hsb(20, 6%, 83%)
CMYK
cmyk(0%, 4%, 6%, 17%)
Oklch
oklch(85.1% 0.011 48.6)

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

#D8BBC4

Rouge · Silver · Cherry Blossom

HEX
#D8BBC4
RGB
rgb(216, 187, 196)
HSL
hsl(341, 27%, 79%)
HSB
hsb(341, 13%, 85%)
CMYK
cmyk(0%, 13%, 9%, 15%)
Oklch
oklch(81.9% 0.035 357.2)

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

#E5A5C4

Rouge · LightPink · Cherry Blossom

HEX
#E5A5C4
RGB
rgb(229, 165, 196)
HSL
hsl(331, 55%, 77%)
HSB
hsb(331, 28%, 90%)
CMYK
cmyk(0%, 28%, 14%, 10%)
Oklch
oklch(79.1% 0.085 348.6)

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

#A8A29D

Ash · DarkGray · Silver Sand

HEX
#A8A29D
RGB
rgb(168, 162, 157)
HSL
hsl(27, 6%, 64%)
HSB
hsb(27, 7%, 66%)
CMYK
cmyk(0%, 4%, 7%, 34%)
Oklch
oklch(71.6% 0.010 62.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFB1AB
ABB9BF

Analogous

BFABAF
BFB1AB
BFBBAB

Triadic

BFB1AB
ABBFB1
B1ABBF

Split-Comp.

BFB1AB
ABBFBB
ABAFBF

Tetradic

BFB1AB
AFBFAB
ABB9BF
BBABBF

Contrast Matrix WCAG 2.1 Contrast

BFB1AB
D4CCC8
D8BBC4
E5A5C4
A8A29D
—
1.3
Fail
1.2
Fail
1.0
Fail
1.2
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.0
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
1.6
Fail
1.4
Fail
1.3
Fail
—
White BG
2.1Fail
1.6Fail
1.8Fail
2.0Fail
2.5Fail
Black BG
10.1AAA
13.3AAA
11.8AAA
10.5AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9AC
D1D0C9
CBCBC2
C9C9BC
A5A59E

Deuteranopia

BABBAD
D1D2C9
CDCFC1
CDD2BB
A6A69F

Tritanopia

BEAEAE
D4CACA
D7C0C0
E2B7B5
A89F9F

Achromatopsia

B5B5B5
CECECE
C5C5C5
BCBCBC
A3A3A3

Shades & Tints Shades & Tints

#BFB1AB

Dark
Light

#D4CCC8

Dark
Light

#D8BBC4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfb1ab;
  --color-2: #d4ccc8;
  --color-3: #d8bbc4;
  --color-4: #e5a5c4;
  --color-5: #a8a29d;
}

SCSS

$color-1: #bfb1ab;
$color-2: #d4ccc8;
$color-3: #d8bbc4;
$color-4: #e5a5c4;
$color-5: #a8a29d;

TAILWIND

colors: {
  'brand-1': '#bfb1ab',
  'brand-2': '#d4ccc8',
  'brand-3': '#d8bbc4',
  'brand-4': '#e5a5c4',
  'brand-5': '#a8a29d',
}

RGB Array

[191, 177, 171], [212, 204, 200], [216, 187, 196], [229, 165, 196], [168, 162, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BFB1AB, #D4CCC8, #D8BBC4, #E5A5C4, #A8A29D 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: #bfb1ab; --color-2: #d4ccc8; --color-3: #d8bbc4; --color-4: #e5a5c4; --color-5: #a8a29d. 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 pastel-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