← Back to Editor

#B8B097 · #F7BD8D · #FF9B80 · #FA6969 · #EB465F

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

#B8B097

Ginger · DarkGray · Sunflower

HEX
#B8B097
RGB
rgb(184, 176, 151)
HSL
hsl(45, 19%, 66%)
HSB
hsb(45, 18%, 72%)
CMYK
cmyk(0%, 4%, 18%, 28%)
Oklch
oklch(75.7% 0.036 92.3)

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

#F7BD8D

Apricot · BurlyWood · Peach Orange

HEX
#F7BD8D
RGB
rgb(247, 189, 141)
HSL
hsl(27, 87%, 76%)
HSB
hsb(27, 43%, 97%)
CMYK
cmyk(0%, 23%, 43%, 3%)
Oklch
oklch(84.0% 0.092 60.7)

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

#FF9B80

Peach Pink · LightSalmon · Coral Red

HEX
#FF9B80
RGB
rgb(255, 155, 128)
HSL
hsl(13, 100%, 75%)
HSB
hsb(13, 50%, 100%)
CMYK
cmyk(0%, 39%, 50%, 0%)
Oklch
oklch(78.6% 0.126 35.9)

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

#FA6969

Peach Pink · Salmon · Coral Red

HEX
#FA6969
RGB
rgb(250, 105, 105)
HSL
hsl(0, 94%, 70%)
HSB
hsb(0, 58%, 98%)
CMYK
cmyk(0%, 58%, 58%, 2%)
Oklch
oklch(70.1% 0.178 22.8)

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

#EB465F

Vermilion · Tomato · Passion Red

HEX
#EB465F
RGB
rgb(235, 70, 95)
HSL
hsl(351, 80%, 60%)
HSB
hsb(351, 70%, 92%)
CMYK
cmyk(0%, 70%, 60%, 8%)
Oklch
oklch(63.7% 0.200 16.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8B097
98A0B9

Analogous

B9A098
B8B097
B1B998

Triadic

B8B097
98B9B1
B198B9

Split-Comp.

B8B097
98B1B9
A098B9

Tetradic

B8B097
98B9A0
98A0B9
B998B1

Contrast Matrix WCAG 2.1 Contrast

B8B097
F7BD8D
FF9B80
FA6969
EB465F
—
1.3
Fail
1.1
Fail
1.3
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
2.3
Fail
1.1
Fail
1.2
Fail
—
1.4
Fail
1.8
Fail
1.3
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
White BG
2.2Fail
1.7Fail
2.0Fail
2.9Fail
3.8AA Large
Black BG
9.7AAA
12.6AAA
10.3AAA
7.3AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B49D
DEDD99
D4D387
BBBA69
A4A259

Deuteranopia

B5B69F
E1E69B
DAE188
C4CF69
ADBA58

Tritanopia

B8A2A3
F4A2A4
FA8C8D
F36969
E35453

Achromatopsia

B0B0B0
C9C9C9
B6B6B6
949494
7A7A7A

Shades & Tints Shades & Tints

#B8B097

Dark
Light

#F7BD8D

Dark
Light

#FF9B80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8b097;
  --color-2: #f7bd8d;
  --color-3: #ff9b80;
  --color-4: #fa6969;
  --color-5: #eb465f;
}

SCSS

$color-1: #b8b097;
$color-2: #f7bd8d;
$color-3: #ff9b80;
$color-4: #fa6969;
$color-5: #eb465f;

TAILWIND

colors: {
  'brand-1': '#b8b097',
  'brand-2': '#f7bd8d',
  'brand-3': '#ff9b80',
  'brand-4': '#fa6969',
  'brand-5': '#eb465f',
}

RGB Array

[184, 176, 151], [247, 189, 141], [255, 155, 128], [250, 105, 105], [235, 70, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B8B097, #F7BD8D, #FF9B80, #FA6969, #EB465F 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: #b8b097; --color-2: #f7bd8d; --color-3: #ff9b80; --color-4: #fa6969; --color-5: #eb465f. 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