← Back to Editor

#F8B47D · #F7A076 · #FD827F · #F46474 · #D70C49

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

#F8B47D

Apricot · LightSalmon · Warm Sun

HEX
#F8B47D
RGB
rgb(248, 180, 125)
HSL
hsl(27, 90%, 73%)
HSB
hsb(27, 50%, 97%)
CMYK
cmyk(0%, 27%, 50%, 3%)
Oklch
oklch(82.2% 0.106 59.5)

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

#F7A076

Apricot · LightSalmon · Warm Sun

HEX
#F7A076
RGB
rgb(247, 160, 118)
HSL
hsl(20, 89%, 72%)
HSB
hsb(20, 52%, 97%)
CMYK
cmyk(0%, 35%, 52%, 3%)
Oklch
oklch(78.4% 0.118 46.3)

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

#FD827F

Peach Pink · LightCoral · Coral Red

HEX
#FD827F
RGB
rgb(253, 130, 127)
HSL
hsl(1, 97%, 75%)
HSB
hsb(1, 50%, 99%)
CMYK
cmyk(0%, 49%, 50%, 1%)
Oklch
oklch(74.5% 0.150 22.8)

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

#F46474

Peach Pink · Salmon · Coral Red

HEX
#F46474
RGB
rgb(244, 100, 116)
HSL
hsl(353, 87%, 67%)
HSB
hsb(353, 59%, 96%)
CMYK
cmyk(0%, 59%, 52%, 4%)
Oklch
oklch(68.8% 0.177 16.4)

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

#D70C49

Dark Violet · Crimson · Camellia

HEX
#D70C49
RGB
rgb(215, 12, 73)
HSL
hsl(342, 89%, 45%)
HSB
hsb(342, 94%, 84%)
CMYK
cmyk(0%, 94%, 66%, 16%)
Oklch
oklch(56.2% 0.220 15.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8B47D
7CC0F8

Analogous

F87C82
F8B47D
F8F27C

Triadic

F8B47D
7CF8B4
B47CF8

Split-Comp.

F8B47D
7CF8F2
7C82F8

Tetradic

F8B47D
82F87C
7CC0F8
F27CF8

Contrast Matrix WCAG 2.1 Contrast

F8B47D
F7A076
FD827F
F46474
D70C49
—
1.2
Fail
1.4
Fail
1.7
Fail
2.9
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
2.5
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
2.1
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
1.7
Fail
2.9
Fail
2.5
Fail
2.1
Fail
1.7
Fail
—
White BG
1.8Fail
2.0Fail
2.4Fail
3.0AA Large
5.2AA
Black BG
11.8AAA
10.2AAA
8.7AAA
6.9AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDA8A
D1D180
C8C780
B6B470
7F7D3A

Deuteranopia

DFE48E
D6DD83
CFD880
BEC96F
8B9A37

Tritanopia

F59597
F3888A
F78080
ED6D6C
CD2F2C

Achromatopsia

C2C2C2
B5B5B5
A6A6A6
919191
505050

Shades & Tints Shades & Tints

#F8B47D

Dark
Light

#F7A076

Dark
Light

#FD827F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8b47d;
  --color-2: #f7a076;
  --color-3: #fd827f;
  --color-4: #f46474;
  --color-5: #d70c49;
}

SCSS

$color-1: #f8b47d;
$color-2: #f7a076;
$color-3: #fd827f;
$color-4: #f46474;
$color-5: #d70c49;

TAILWIND

colors: {
  'brand-1': '#f8b47d',
  'brand-2': '#f7a076',
  'brand-3': '#fd827f',
  'brand-4': '#f46474',
  'brand-5': '#d70c49',
}

RGB Array

[248, 180, 125], [247, 160, 118], [253, 130, 127], [244, 100, 116], [215, 12, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F8B47D, #F7A076, #FD827F, #F46474, #D70C49 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: #f8b47d; --color-2: #f7a076; --color-3: #fd827f; --color-4: #f46474; --color-5: #d70c49. 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