← Back to Editor

#FF8575 · #FFA875 · #FFCA75 · #FFED75 · #EFFF75

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

#FF8575

Peach Pink · Salmon · Coral Red

HEX
#FF8575
RGB
rgb(255, 133, 117)
HSL
hsl(7, 100%, 73%)
HSB
hsb(7, 54%, 100%)
CMYK
cmyk(0%, 48%, 54%, 0%)
Oklch
oklch(75.0% 0.151 28.9)

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

#FFA875

Apricot · LightSalmon · Warm Sun

HEX
#FFA875
RGB
rgb(255, 168, 117)
HSL
hsl(22, 100%, 73%)
HSB
hsb(22, 54%, 100%)
CMYK
cmyk(0%, 34%, 54%, 0%)
Oklch
oklch(80.7% 0.123 50.7)

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

#FFCA75

Goose Yellow · Khaki · Warm Sun

HEX
#FFCA75
RGB
rgb(255, 202, 117)
HSL
hsl(37, 100%, 73%)
HSB
hsb(37, 54%, 100%)
CMYK
cmyk(0%, 21%, 54%, 0%)
Oklch
oklch(86.9% 0.119 78.0)

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

#FFED75

Fresh Green · Khaki · Sunflower

HEX
#FFED75
RGB
rgb(255, 237, 117)
HSL
hsl(52, 100%, 73%)
HSB
hsb(52, 54%, 100%)
CMYK
cmyk(0%, 7%, 54%, 0%)
Oklch
oklch(93.7% 0.142 100.9)

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

#EFFF75

Fresh Green · Khaki · Sunflower

HEX
#EFFF75
RGB
rgb(239, 255, 117)
HSL
hsl(67, 100%, 73%)
HSB
hsb(67, 54%, 100%)
CMYK
cmyk(6%, 0%, 54%, 0%)
Oklch
oklch(96.1% 0.162 115.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8575
75EFFF

Analogous

FF75AA
FF8575
FFCA75

Triadic

FF8575
75FF85
8575FF

Split-Comp.

FF8575
75FFCA
75AAFF

Tetradic

FF8575
AAFF75
75EFFF
CA75FF

Contrast Matrix WCAG 2.1 Contrast

FF8575
FFA875
FFCA75
FFED75
EFFF75
—
1.3
Fail
1.6
Fail
2.0
Fail
2.2
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
2.2
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
White BG
2.4Fail
1.9Fail
1.5Fail
1.2Fail
1.1Fail
Black BG
8.9AAA
11.1AAA
14.0AAA
17.6AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC979
D9D981
E8E88A
F7F792
F6F696

Deuteranopia

D1DA7A
DEE584
EBEF8F
F8FA99
F5F49E

Tritanopia

F97C7D
FB8B8D
FC9A9D
FEA9AE
F0B1B7

Achromatopsia

A8A8A8
BCBCBC
D0D0D0
E5E5E5
EAEAEA

Shades & Tints Shades & Tints

#FF8575

Dark
Light

#FFA875

Dark
Light

#FFCA75

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8575;
  --color-2: #ffa875;
  --color-3: #ffca75;
  --color-4: #ffed75;
  --color-5: #efff75;
}

SCSS

$color-1: #ff8575;
$color-2: #ffa875;
$color-3: #ffca75;
$color-4: #ffed75;
$color-5: #efff75;

TAILWIND

colors: {
  'brand-1': '#ff8575',
  'brand-2': '#ffa875',
  'brand-3': '#ffca75',
  'brand-4': '#ffed75',
  'brand-5': '#efff75',
}

RGB Array

[255, 133, 117], [255, 168, 117], [255, 202, 117], [255, 237, 117], [239, 255, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF8575, #FFA875, #FFCA75, #FFED75, #EFFF75 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: #ff8575; --color-2: #ffa875; --color-3: #ffca75; --color-4: #ffed75; --color-5: #efff75. 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