← Back to Editor

#E87474 · #FF9A7F · #FFC195 · #FFEF9F · #FEFFC5

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E87474

Peach Pink · LightCoral · Coral Red

HEX
#E87474
RGB
rgb(232, 116, 116)
HSL
hsl(0, 72%, 68%)
HSB
hsb(0, 50%, 91%)
CMYK
cmyk(0%, 50%, 50%, 9%)
Oklch
oklch(69.3% 0.144 21.5)

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

#FF9A7F

Peach Pink · LightSalmon · Coral Red

HEX
#FF9A7F
RGB
rgb(255, 154, 127)
HSL
hsl(13, 100%, 75%)
HSB
hsb(13, 50%, 100%)
CMYK
cmyk(0%, 40%, 50%, 0%)
Oklch
oklch(78.5% 0.128 35.8)

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

#FFC195

Apricot · BurlyWood · Peach Orange

HEX
#FFC195
RGB
rgb(255, 193, 149)
HSL
hsl(25, 100%, 79%)
HSB
hsb(25, 42%, 100%)
CMYK
cmyk(0%, 24%, 42%, 0%)
Oklch
oklch(85.7% 0.092 56.5)

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

#FFEF9F

Fresh Green · Khaki · Lemon Cream

HEX
#FFEF9F
RGB
rgb(255, 239, 159)
HSL
hsl(50, 100%, 81%)
HSB
hsb(50, 38%, 100%)
CMYK
cmyk(0%, 6%, 38%, 0%)
Oklch
oklch(94.7% 0.101 98.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FEFFC5

Fresh Green · Beige · Lemon Cream

HEX
#FEFFC5
RGB
rgb(254, 255, 197)
HSL
hsl(61, 100%, 89%)
HSB
hsb(61, 23%, 100%)
CMYK
cmyk(0%, 0%, 23%, 0%)
Oklch
oklch(98.5% 0.074 108.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E87474
73E8E8

Analogous

E873AD
E87474
E8AD73

Triadic

E87474
73E873
7373E8

Split-Comp.

E87474
73E8AD
73ADE8

Tetradic

E87474
ADE873
73E8E8
AD73E8

Contrast Matrix WCAG 2.1 Contrast

E87474
FF9A7F
FFC195
FFEF9F
FEFFC5
—
1.4
Fail
1.9
Fail
2.5
Fail
2.8
Fail
1.4
Fail
—
1.3
Fail
1.8
Fail
2.0
Fail
1.9
Fail
1.3
Fail
—
1.4
Fail
1.5
Fail
2.5
Fail
1.8
Fail
1.4
Fail
—
1.1
Fail
2.8
Fail
2.0
Fail
1.5
Fail
1.1
Fail
—
White BG
2.9Fail
2.1Fail
1.6Fail
1.2Fail
1.0Fail
Black BG
7.2AAA
10.2AAA
13.3AAA
18.1AAA
20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B574
D3D286
E4E4A0
F8F8B2
FEFED3

Deuteranopia

BDC574
D9E187
E8ECA2
F9FAB7
FEFED6

Tritanopia

E27474
FA8B8C
FCA8AA
FEC2C5
FEDEE1

Achromatopsia

979797
B5B5B5
CFCFCF
EBEBEB
F8F8F8

Shades & Tints Shades & Tints

#E87474

Dark
Light

#FF9A7F

Dark
Light

#FFC195

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e87474;
  --color-2: #ff9a7f;
  --color-3: #ffc195;
  --color-4: #ffef9f;
  --color-5: #feffc5;
}

SCSS

$color-1: #e87474;
$color-2: #ff9a7f;
$color-3: #ffc195;
$color-4: #ffef9f;
$color-5: #feffc5;

TAILWIND

colors: {
  'brand-1': '#e87474',
  'brand-2': '#ff9a7f',
  'brand-3': '#ffc195',
  'brand-4': '#ffef9f',
  'brand-5': '#feffc5',
}

RGB Array

[232, 116, 116], [255, 154, 127], [255, 193, 149], [255, 239, 159], [254, 255, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E87474, #FF9A7F, #FFC195, #FFEF9F, #FEFFC5 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: #e87474; --color-2: #ff9a7f; --color-3: #ffc195; --color-4: #ffef9f; --color-5: #feffc5. 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 general-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