← Back to Editor

#EB3B3C · #FF5875 · #FFB0B1 · #FFDEBB · #F9CEB1

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

#EB3B3C

Vermilion · Crimson · Passion Red

HEX
#EB3B3C
RGB
rgb(235, 59, 60)
HSL
hsl(360, 81%, 58%)
HSB
hsb(360, 75%, 92%)
CMYK
cmyk(0%, 75%, 74%, 8%)
Oklch
oklch(62.1% 0.212 25.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Soft Aurora

#FF5875

Peach Pink · Salmon · Coral Red

HEX
#FF5875
RGB
rgb(255, 88, 117)
HSL
hsl(350, 100%, 67%)
HSB
hsb(350, 65%, 100%)
CMYK
cmyk(0%, 65%, 54%, 0%)
Oklch
oklch(69.1% 0.202 14.0)

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

#FFB0B1

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB0B1
RGB
rgb(255, 176, 177)
HSL
hsl(359, 100%, 85%)
HSB
hsb(359, 31%, 100%)
CMYK
cmyk(0%, 31%, 31%, 0%)
Oklch
oklch(83.3% 0.093 18.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFDEBB

Goose Yellow · Bisque · Peach Orange

HEX
#FFDEBB
RGB
rgb(255, 222, 187)
HSL
hsl(31, 100%, 87%)
HSB
hsb(31, 27%, 100%)
CMYK
cmyk(0%, 13%, 27%, 0%)
Oklch
oklch(91.9% 0.059 68.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F9CEB1

Apricot · Wheat · Peach Orange

HEX
#F9CEB1
RGB
rgb(249, 206, 177)
HSL
hsl(24, 86%, 84%)
HSB
hsb(24, 29%, 98%)
CMYK
cmyk(0%, 17%, 29%, 2%)
Oklch
oklch(88.1% 0.062 55.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB3B3C
3DEBEB

Analogous

EB3D94
EB3B3C
EB943D

Triadic

EB3B3C
3DEB3D
3D3DEB

Split-Comp.

EB3B3C
3DEB94
3D94EB

Tetradic

EB3B3C
94EB3D
3DEBEB
943DEB

Contrast Matrix WCAG 2.1 Contrast

EB3B3C
FF5875
FFB0B1
FFDEBB
F9CEB1
—
1.3
Fail
2.3
Fail
3.1
AA Large
2.8
Fail
1.3
Fail
—
1.8
Fail
2.4
Fail
2.1
Fail
2.3
Fail
1.8
Fail
—
1.4
Fail
1.2
Fail
3.1
AA Large
2.4
Fail
1.4
Fail
—
1.1
Fail
2.8
Fail
2.1
Fail
1.2
Fail
1.1
Fail
—
White BG
4.0AA Large
3.0AA Large
1.7Fail
1.3Fail
1.4Fail
Black BG
5.2AA
6.9AA
12.1AAA
16.4AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9D3C
B7B56E
DDDCB1
F1F0C3
E6E6B8

Deuteranopia

A9B63C
C0CD6C
E1E7B1
F3F5C6
E9ECBA

Tritanopia

E23C3C
F76867
FBB1B1
FDCACC
F7BEBF

Achromatopsia

707070
8D8D8D
C8C8C8
E4E4E4
D8D8D8

Shades & Tints Shades & Tints

#EB3B3C

Dark
Light

#FF5875

Dark
Light

#FFB0B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb3b3c;
  --color-2: #ff5875;
  --color-3: #ffb0b1;
  --color-4: #ffdebb;
  --color-5: #f9ceb1;
}

SCSS

$color-1: #eb3b3c;
$color-2: #ff5875;
$color-3: #ffb0b1;
$color-4: #ffdebb;
$color-5: #f9ceb1;

TAILWIND

colors: {
  'brand-1': '#eb3b3c',
  'brand-2': '#ff5875',
  'brand-3': '#ffb0b1',
  'brand-4': '#ffdebb',
  'brand-5': '#f9ceb1',
}

RGB Array

[235, 59, 60], [255, 88, 117], [255, 176, 177], [255, 222, 187], [249, 206, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EB3B3C, #FF5875, #FFB0B1, #FFDEBB, #F9CEB1 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: #eb3b3c; --color-2: #ff5875; --color-3: #ffb0b1; --color-4: #ffdebb; --color-5: #f9ceb1. 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