#BFBBB4 + #C7C2B9 + #D4C3A9 + #DEC399 + #EDCB93 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#BFBBB4

Goose Yellow · Silver · Pearl Gray

HEX

#BFBBB4

RGB

rgb(191, 187, 180)

HSL

hsl(38, 8%, 73%)

HSB

hsb(38, 6%, 75%)

CMYK

cmyk(0%, 2%, 6%, 25%)

Oklch

oklch(79.3% 0.011 81.8)

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

#C7C2B9

Goose Yellow · Silver · Warm Sun

HEX

#C7C2B9

RGB

rgb(199, 194, 185)

HSL

hsl(39, 11%, 75%)

HSB

hsb(39, 7%, 78%)

CMYK

cmyk(0%, 3%, 7%, 22%)

Oklch

oklch(81.6% 0.014 82.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D4C3A9

Goose Yellow · Silver · Warm Sun

HEX

#D4C3A9

RGB

rgb(212, 195, 169)

HSL

hsl(36, 33%, 75%)

HSB

hsb(36, 20%, 83%)

CMYK

cmyk(0%, 8%, 20%, 17%)

Oklch

oklch(82.4% 0.040 78.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#DEC399

Goose Yellow · BurlyWood · Warm Sun

HEX

#DEC399

RGB

rgb(222, 195, 153)

HSL

hsl(37, 51%, 74%)

HSB

hsb(37, 31%, 87%)

CMYK

cmyk(0%, 12%, 31%, 13%)

Oklch

oklch(83.0% 0.064 78.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EDCB93

Goose Yellow · BurlyWood · Warm Sun

HEX

#EDCB93

RGB

rgb(237, 203, 147)

HSL

hsl(37, 71%, 75%)

HSB

hsb(37, 38%, 93%)

CMYK

cmyk(0%, 14%, 38%, 7%)

Oklch

oklch(85.8% 0.082 79.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFBBB4

B5B9C0

Analogous

C0B6B5

BFBBB4

BEC0B5

Triadic

BFBBB4

B5C0BC

BCB5C0

Split-Comp.

BFBBB4

B5BEC0

B6B5C0

Tetradic

BFBBB4

B5C0B6

B5B9C0

C0B5BE

Contrast Matrix WCAG 2.1 Contrast

BFBBB4	C7C2B9	D4C3A9	DEC399	EDCB93
—	1.1 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.1 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.0 Fail	1.0 Fail	—	1.1 Fail
1.2 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

1.9Fail

1.8Fail

1.7Fail

1.5Fail

Black BG

11.0AAA

11.8AAA

12.2AAA

12.4AAA

13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDB6

C5C5BB

CDCCAF

D2D2A3

DEDEA1

Deuteranopia

BEBEB6

C5C5BC

CECFB1

D4D6A6

E0E3A4

Tritanopia

BFB7B7

C7BDBD

D3B4B5

DDABAD

EBABAE

Achromatopsia

BBBBBB

C2C2C2

C5C5C5

C6C6C6

CFCFCF

Shades & Tints Shades & Tints

#BFBBB4

Dark

Light

#C7C2B9

Dark

Light

#D4C3A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfbbb4;
  --color-2: #c7c2b9;
  --color-3: #d4c3a9;
  --color-4: #dec399;
  --color-5: #edcb93;
}

SCSS

$color-1: #bfbbb4;
$color-2: #c7c2b9;
$color-3: #d4c3a9;
$color-4: #dec399;
$color-5: #edcb93;

TAILWIND

colors: {
  'brand-1': '#bfbbb4',
  'brand-2': '#c7c2b9',
  'brand-3': '#d4c3a9',
  'brand-4': '#dec399',
  'brand-5': '#edcb93',
}

RGB Array

[191, 187, 180], [199, 194, 185], [212, 195, 169], [222, 195, 153], [237, 203, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BFBBB4, #C7C2B9, #D4C3A9, #DEC399, #EDCB93 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bfbbb4; --color-2: #c7c2b9; --color-3: #d4c3a9; --color-4: #dec399; --color-5: #edcb93. 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 tech, SaaS, healthcare, eco industries. 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