← Back to Editor

#BF9C9B · #DEE28B · #DCC77C · #F8A383 · #FA467C

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

#BF9C9B

Peach Pink · DarkGray · Coral Red

HEX
#BF9C9B
RGB
rgb(191, 156, 155)
HSL
hsl(2, 22%, 68%)
HSB
hsb(2, 19%, 75%)
CMYK
cmyk(0%, 18%, 19%, 25%)
Oklch
oklch(72.4% 0.042 20.1)

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

#DEE28B

Fresh Green · Khaki · Sunflower

HEX
#DEE28B
RGB
rgb(222, 226, 139)
HSL
hsl(63, 60%, 72%)
HSB
hsb(63, 38%, 89%)
CMYK
cmyk(2%, 0%, 38%, 11%)
Oklch
oklch(89.0% 0.110 110.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#DCC77C

Ginger · BurlyWood · Sunflower

HEX
#DCC77C
RGB
rgb(220, 199, 124)
HSL
hsl(47, 58%, 67%)
HSB
hsb(47, 44%, 86%)
CMYK
cmyk(0%, 10%, 44%, 14%)
Oklch
oklch(83.1% 0.098 94.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F8A383

Apricot · LightSalmon · Warm Sun

HEX
#F8A383
RGB
rgb(248, 163, 131)
HSL
hsl(16, 89%, 74%)
HSB
hsb(16, 47%, 97%)
CMYK
cmyk(0%, 34%, 47%, 3%)
Oklch
oklch(79.2% 0.111 41.4)

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

#FA467C

Rouge · DeepPink · Rose Pink

HEX
#FA467C
RGB
rgb(250, 70, 124)
HSL
hsl(342, 95%, 63%)
HSB
hsb(342, 72%, 98%)
CMYK
cmyk(0%, 72%, 50%, 2%)
Oklch
oklch(66.8% 0.217 7.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF9C9B
9BBEBF

Analogous

BF9BAC
BF9C9B
BFAF9B

Triadic

BF9C9B
9BBF9D
9D9BBF

Split-Comp.

BF9C9B
9BBFAF
9BACBF

Tetradic

BF9C9B
ACBF9B
9BBEBF
AF9BBF

Contrast Matrix WCAG 2.1 Contrast

BF9C9B
DEE28B
DCC77C
F8A383
FA467C
—
1.8
Fail
1.5
Fail
1.3
Fail
1.4
Fail
1.8
Fail
—
1.2
Fail
1.5
Fail
2.5
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.3
Fail
1.5
Fail
1.2
Fail
—
1.7
Fail
1.4
Fail
2.5
Fail
2.0
Fail
1.7
Fail
—
White BG
2.5Fail
1.4Fail
1.7Fail
2.0Fail
3.4AA Large
Black BG
8.4AAA
15.4AAA
12.5AAA
10.6AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B09B
E0E0A0
D3D38E
D3D28B
ACAA6F

Deuteranopia

B2B59B
E0DFA5
D4D693
D8DF8D
B7C46C

Tritanopia

BD9B9B
DEB1B4
DB9CA0
F49192
F16562

Achromatopsia

A6A6A6
D7D7D7
C5C5C5
B9B9B9
828282

Shades & Tints Shades & Tints

#BF9C9B

Dark
Light

#DEE28B

Dark
Light

#DCC77C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf9c9b;
  --color-2: #dee28b;
  --color-3: #dcc77c;
  --color-4: #f8a383;
  --color-5: #fa467c;
}

SCSS

$color-1: #bf9c9b;
$color-2: #dee28b;
$color-3: #dcc77c;
$color-4: #f8a383;
$color-5: #fa467c;

TAILWIND

colors: {
  'brand-1': '#bf9c9b',
  'brand-2': '#dee28b',
  'brand-3': '#dcc77c',
  'brand-4': '#f8a383',
  'brand-5': '#fa467c',
}

RGB Array

[191, 156, 155], [222, 226, 139], [220, 199, 124], [248, 163, 131], [250, 70, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BF9C9B, #DEE28B, #DCC77C, #F8A383, #FA467C is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bf9c9b; --color-2: #dee28b; --color-3: #dcc77c; --color-4: #f8a383; --color-5: #fa467c. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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