← Back to Editor

#FF8559 · #FFCE80 · #FFFFFC · #D2FF6F · #A2E874

cool

A 5-color cool 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

#FF8559

Apricot · Coral · Warm Sun

HEX
#FF8559
RGB
rgb(255, 133, 89)
HSL
hsl(16, 100%, 67%)
HSB
hsb(16, 65%, 100%)
CMYK
cmyk(0%, 48%, 65%, 0%)
Oklch
oklch(74.5% 0.160 40.1)

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

#FFCE80

Goose Yellow · Khaki · Warm Sun

HEX
#FFCE80
RGB
rgb(255, 206, 128)
HSL
hsl(37, 100%, 75%)
HSB
hsb(37, 50%, 100%)
CMYK
cmyk(0%, 19%, 50%, 0%)
Oklch
oklch(87.8% 0.111 78.2)

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

#FFFFFC

Fresh Green · White · Lemon Cream

HEX
#FFFFFC
RGB
rgb(255, 255, 252)
HSL
hsl(60, 100%, 99%)
HSB
hsb(60, 1%, 100%)
CMYK
cmyk(0%, 0%, 1%, 0%)
Oklch
oklch(99.9% 0.004 106.5)

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

#D2FF6F

Willow Green · Khaki · Apple Green

HEX
#D2FF6F
RGB
rgb(210, 255, 111)
HSL
hsl(79, 100%, 72%)
HSB
hsb(79, 56%, 100%)
CMYK
cmyk(18%, 0%, 56%, 0%)
Oklch
oklch(94.0% 0.177 124.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#A2E874

Emerald · LightGreen · Apple Green

HEX
#A2E874
RGB
rgb(162, 232, 116)
HSL
hsl(96, 72%, 68%)
HSB
hsb(96, 50%, 91%)
CMYK
cmyk(30%, 0%, 50%, 9%)
Oklch
oklch(85.9% 0.165 134.3)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8559
57D2FF

Analogous

FF577E
FF8559
FFD857

Triadic

FF8559
57FF84
8457FF

Split-Comp.

FF8559
57FFD8
577EFF

Tetradic

FF8559
7EFF57
57D2FF
D857FF

Contrast Matrix WCAG 2.1 Contrast

FF8559
FFCE80
FFFFFC
D2FF6F
A2E874
—
1.6
Fail
2.4
Fail
2.1
Fail
1.6
Fail
1.6
Fail
—
1.5
Fail
1.3
Fail
1.0
Fail
2.4
Fail
1.5
Fail
—
1.1
Fail
1.5
Fail
2.1
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.6
Fail
1.0
Fail
1.5
Fail
1.3
Fail
—
White BG
2.4Fail
1.5Fail
1.0Fail
1.1Fail
1.5Fail
Black BG
8.8AAA
14.4AAA
21.0AAA
18.3AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC964
EAE993
FFFFFD
E5E692
C0C190

Deuteranopia

D1DA66
EDF097
FFFFFD
E3E09A
BCB797

Tritanopia

F96C6E
FDA2A5
FFFDFD
D4ADB3
A6A6AB

Achromatopsia

A4A4A4
D4D4D4
FFFFFF
E1E1E1
C6C6C6

Shades & Tints Shades & Tints

#FF8559

Dark
Light

#FFCE80

Dark
Light

#FFFFFC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8559;
  --color-2: #ffce80;
  --color-3: #fffffc;
  --color-4: #d2ff6f;
  --color-5: #a2e874;
}

SCSS

$color-1: #ff8559;
$color-2: #ffce80;
$color-3: #fffffc;
$color-4: #d2ff6f;
$color-5: #a2e874;

TAILWIND

colors: {
  'brand-1': '#ff8559',
  'brand-2': '#ffce80',
  'brand-3': '#fffffc',
  'brand-4': '#d2ff6f',
  'brand-5': '#a2e874',
}

RGB Array

[255, 133, 89], [255, 206, 128], [255, 255, 252], [210, 255, 111], [162, 232, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FF8559, #FFCE80, #FFFFFC, #D2FF6F, #A2E874 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: #ff8559; --color-2: #ffce80; --color-3: #fffffc; --color-4: #d2ff6f; --color-5: #a2e874. 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 cool-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