← Back to Editor

#FFEA75 · #FFA070 · #FF717C · #FFC675 · #FFDB87

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

#FFEA75

Fresh Green · Khaki · Sunflower

HEX
#FFEA75
RGB
rgb(255, 234, 117)
HSL
hsl(51, 100%, 73%)
HSB
hsb(51, 54%, 100%)
CMYK
cmyk(0%, 8%, 54%, 0%)
Oklch
oklch(93.1% 0.139 99.3)

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

#FFA070

Apricot · LightSalmon · Warm Sun

HEX
#FFA070
RGB
rgb(255, 160, 112)
HSL
hsl(20, 100%, 72%)
HSB
hsb(20, 56%, 100%)
CMYK
cmyk(0%, 37%, 56%, 0%)
Oklch
oklch(79.2% 0.130 47.1)

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

#FF717C

Peach Pink · Salmon · Coral Red

HEX
#FF717C
RGB
rgb(255, 113, 124)
HSL
hsl(355, 100%, 72%)
HSB
hsb(355, 56%, 100%)
CMYK
cmyk(0%, 56%, 51%, 0%)
Oklch
oklch(72.3% 0.173 17.8)

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

#FFC675

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFC675
RGB
rgb(255, 198, 117)
HSL
hsl(35, 100%, 73%)
HSB
hsb(35, 54%, 100%)
CMYK
cmyk(0%, 22%, 54%, 0%)
Oklch
oklch(86.1% 0.118 74.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFDB87

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDB87
RGB
rgb(255, 219, 135)
HSL
hsl(42, 100%, 76%)
HSB
hsb(42, 47%, 100%)
CMYK
cmyk(0%, 14%, 47%, 0%)
Oklch
oklch(90.4% 0.111 87.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEA75
758AFF

Analogous

FFA575
FFEA75
CFFF75

Triadic

FFEA75
75FFEA
EA75FF

Split-Comp.

FFEA75
75CFFF
A575FF

Tetradic

FFEA75
75FFA5
758AFF
FF75CF

Contrast Matrix WCAG 2.1 Contrast

FFEA75
FFA070
FF717C
FFC675
FFDB87
—
1.6
Fail
2.2
Fail
1.3
Fail
1.1
Fail
1.6
Fail
—
1.3
Fail
1.3
Fail
1.5
Fail
2.2
Fail
1.3
Fail
—
1.7
Fail
2.0
Fail
1.3
Fail
1.3
Fail
1.7
Fail
—
1.2
Fail
1.1
Fail
1.5
Fail
2.0
Fail
1.2
Fail
—
White BG
1.2Fail
2.0Fail
2.7Fail
1.5Fail
1.3Fail
Black BG
17.3AAA
10.5AAA
7.9AAA
13.6AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F691
D6D57C
C2C079
E6E689
EFEF9B

Deuteranopia

F7F998
DBE37E
CAD479
EAEE8D
F2F4A0

Tritanopia

FEA8AD
FA8587
F87777
FC989B
FDABAF

Achromatopsia

E3E3E3
B7B7B7
9D9D9D
CECECE
DCDCDC

Shades & Tints Shades & Tints

#FFEA75

Dark
Light

#FFA070

Dark
Light

#FF717C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffea75;
  --color-2: #ffa070;
  --color-3: #ff717c;
  --color-4: #ffc675;
  --color-5: #ffdb87;
}

SCSS

$color-1: #ffea75;
$color-2: #ffa070;
$color-3: #ff717c;
$color-4: #ffc675;
$color-5: #ffdb87;

TAILWIND

colors: {
  'brand-1': '#ffea75',
  'brand-2': '#ffa070',
  'brand-3': '#ff717c',
  'brand-4': '#ffc675',
  'brand-5': '#ffdb87',
}

RGB Array

[255, 234, 117], [255, 160, 112], [255, 113, 124], [255, 198, 117], [255, 219, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEA75, #FFA070, #FF717C, #FFC675, #FFDB87 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: #ffea75; --color-2: #ffa070; --color-3: #ff717c; --color-4: #ffc675; --color-5: #ffdb87. 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