← Back to Editor

#FFF0C4 · #FFC5B7 · #FFA687 · #FF5C5C · #FC8E8E

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

#FFF0C4

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF0C4
RGB
rgb(255, 240, 196)
HSL
hsl(45, 100%, 88%)
HSB
hsb(45, 23%, 100%)
CMYK
cmyk(0%, 6%, 23%, 0%)
Oklch
oklch(95.6% 0.059 91.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFC5B7

Peach Pink · LightPink · Cherry Blossom

HEX
#FFC5B7
RGB
rgb(255, 197, 183)
HSL
hsl(12, 100%, 86%)
HSB
hsb(12, 28%, 100%)
CMYK
cmyk(0%, 23%, 28%, 0%)
Oklch
oklch(87.2% 0.070 33.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFA687

Apricot · LightSalmon · Peach Orange

HEX
#FFA687
RGB
rgb(255, 166, 135)
HSL
hsl(16, 100%, 76%)
HSB
hsb(16, 47%, 100%)
CMYK
cmyk(0%, 35%, 47%, 0%)
Oklch
oklch(80.6% 0.114 40.0)

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

#FF5C5C

Peach Pink · Tomato · Coral Red

HEX
#FF5C5C
RGB
rgb(255, 92, 92)
HSL
hsl(0, 100%, 68%)
HSB
hsb(0, 64%, 100%)
CMYK
cmyk(0%, 64%, 64%, 0%)
Oklch
oklch(69.1% 0.199 23.9)

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

#FC8E8E

Peach Pink · LightCoral · Coral Red

HEX
#FC8E8E
RGB
rgb(252, 142, 142)
HSL
hsl(0, 95%, 77%)
HSB
hsb(0, 44%, 99%)
CMYK
cmyk(0%, 44%, 44%, 1%)
Oklch
oklch(76.5% 0.133 20.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF0C4
C2D1FF

Analogous

FFD1C2
FFF0C4
F0FFC2

Triadic

FFF0C4
C2FFF0
F0C2FF

Split-Comp.

FFF0C4
C2F0FF
D1C2FF

Tetradic

FFF0C4
C2FFD1
C2D1FF
FFC2F0

Contrast Matrix WCAG 2.1 Contrast

FFF0C4
FFC5B7
FFA687
FF5C5C
FC8E8E
—
1.3
Fail
1.7
Fail
2.7
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
2.0
Fail
1.5
Fail
1.7
Fail
1.3
Fail
—
1.6
Fail
1.2
Fail
2.7
Fail
2.0
Fail
1.6
Fail
—
1.4
Fail
2.0
Fail
1.5
Fail
1.2
Fail
1.4
Fail
—
White BG
1.1Fail
1.5Fail
1.9Fail
3.0AA Large
2.2Fail
Black BG
18.5AAA
13.9AAA
11.1AAA
6.9AA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F8CF
E6E5BA
D8D88F
B8B75C
CCCB8E

Deuteranopia

F9FBD1
E9EEBB
DEE490
C2CE5C
D3DB8E

Tritanopia

FED7D9
FCBDBE
FB9496
F75C5C
F68E8E

Achromatopsia

EFEFEF
D5D5D5
BDBDBD
8D8D8D
AFAFAF

Shades & Tints Shades & Tints

#FFF0C4

Dark
Light

#FFC5B7

Dark
Light

#FFA687

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff0c4;
  --color-2: #ffc5b7;
  --color-3: #ffa687;
  --color-4: #ff5c5c;
  --color-5: #fc8e8e;
}

SCSS

$color-1: #fff0c4;
$color-2: #ffc5b7;
$color-3: #ffa687;
$color-4: #ff5c5c;
$color-5: #fc8e8e;

TAILWIND

colors: {
  'brand-1': '#fff0c4',
  'brand-2': '#ffc5b7',
  'brand-3': '#ffa687',
  'brand-4': '#ff5c5c',
  'brand-5': '#fc8e8e',
}

RGB Array

[255, 240, 196], [255, 197, 183], [255, 166, 135], [255, 92, 92], [252, 142, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFF0C4, #FFC5B7, #FFA687, #FF5C5C, #FC8E8E 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: #fff0c4; --color-2: #ffc5b7; --color-3: #ffa687; --color-4: #ff5c5c; --color-5: #fc8e8e. 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