← Back to Editor

#F47077 · #F39A8A · #F2C39D · #D8A298 · #BE8193

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

#F47077

Peach Pink · Salmon · Coral Red

HEX
#F47077
RGB
rgb(244, 112, 119)
HSL
hsl(357, 86%, 70%)
HSB
hsb(357, 54%, 96%)
CMYK
cmyk(0%, 54%, 51%, 4%)
Oklch
oklch(70.5% 0.162 19.0)

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

#F39A8A

Peach Pink · DarkSalmon · Coral Red

HEX
#F39A8A
RGB
rgb(243, 154, 138)
HSL
hsl(9, 81%, 75%)
HSB
hsb(9, 43%, 95%)
CMYK
cmyk(0%, 37%, 43%, 5%)
Oklch
oklch(77.3% 0.110 30.8)

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

#F2C39D

Apricot · BurlyWood · Peach Orange

HEX
#F2C39D
RGB
rgb(242, 195, 157)
HSL
hsl(27, 77%, 78%)
HSB
hsb(27, 35%, 95%)
CMYK
cmyk(0%, 19%, 35%, 5%)
Oklch
oklch(84.9% 0.074 60.5)

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

#D8A298

Peach Pink · Tan · Coral Red

HEX
#D8A298
RGB
rgb(216, 162, 152)
HSL
hsl(9, 45%, 72%)
HSB
hsb(9, 30%, 85%)
CMYK
cmyk(0%, 25%, 30%, 15%)
Oklch
oklch(76.0% 0.066 30.6)

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

#BE8193

Rouge · DarkGray · Rose Pink

HEX
#BE8193
RGB
rgb(190, 129, 147)
HSL
hsl(342, 32%, 63%)
HSB
hsb(342, 32%, 75%)
CMYK
cmyk(0%, 32%, 23%, 25%)
Oklch
oklch(67.0% 0.079 0.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F47077
71F4EE

Analogous

F471B9
F47077
F4AC71

Triadic

F47077
77F471
7177F4

Split-Comp.

F47077
71F4AC
71B9F4

Tetradic

F47077
B9F471
71F4EE
AC71F4

Contrast Matrix WCAG 2.1 Contrast

F47077
F39A8A
F2C39D
D8A298
BE8193
—
1.3
Fail
1.8
Fail
1.3
Fail
1.1
Fail
1.3
Fail
—
1.3
Fail
1.0
Fail
1.5
Fail
1.8
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
1.3
Fail
1.0
Fail
1.4
Fail
—
1.4
Fail
1.1
Fail
1.5
Fail
1.9
Fail
1.4
Fail
—
White BG
2.8Fail
2.1Fail
1.6Fail
2.2Fail
3.1AA Large
Black BG
7.4AAA
9.8AAA
13.1AAA
9.5AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA75
CCCC8E
DEDDA6
C1C09A
A4A38F

Deuteranopia

C3CC75
D2D88F
E0E4A8
C4C89B
A7AC8E

Tritanopia

ED7474
EF9192
F0ADAF
D59C9D
BB8B8A

Achromatopsia

989898
B3B3B3
CDCDCD
B1B1B1
959595

Shades & Tints Shades & Tints

#F47077

Dark
Light

#F39A8A

Dark
Light

#F2C39D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f47077;
  --color-2: #f39a8a;
  --color-3: #f2c39d;
  --color-4: #d8a298;
  --color-5: #be8193;
}

SCSS

$color-1: #f47077;
$color-2: #f39a8a;
$color-3: #f2c39d;
$color-4: #d8a298;
$color-5: #be8193;

TAILWIND

colors: {
  'brand-1': '#f47077',
  'brand-2': '#f39a8a',
  'brand-3': '#f2c39d',
  'brand-4': '#d8a298',
  'brand-5': '#be8193',
}

RGB Array

[244, 112, 119], [243, 154, 138], [242, 195, 157], [216, 162, 152], [190, 129, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F47077, #F39A8A, #F2C39D, #D8A298, #BE8193 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: #f47077; --color-2: #f39a8a; --color-3: #f2c39d; --color-4: #d8a298; --color-5: #be8193. 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