← Back to Editor

#F76157 · #FD8954 · #F9A177 · #C7F6E7 · #73C5AA

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F76157

Peach Pink · Tomato · Coral Red

HEX
#F76157
RGB
rgb(247, 97, 87)
HSL
hsl(4, 91%, 65%)
HSB
hsb(4, 65%, 97%)
CMYK
cmyk(0%, 61%, 65%, 3%)
Oklch
oklch(68.4% 0.186 26.9)

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

#FD8954

Apricot · Coral · Warm Sun

HEX
#FD8954
RGB
rgb(253, 137, 84)
HSL
hsl(19, 98%, 66%)
HSB
hsb(19, 67%, 99%)
CMYK
cmyk(0%, 46%, 67%, 1%)
Oklch
oklch(74.8% 0.156 44.2)

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

#F9A177

Apricot · LightSalmon · Warm Sun

HEX
#F9A177
RGB
rgb(249, 161, 119)
HSL
hsl(19, 92%, 72%)
HSB
hsb(19, 52%, 98%)
CMYK
cmyk(0%, 35%, 52%, 2%)
Oklch
oklch(78.8% 0.119 46.0)

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

#C7F6E7

Jade · LightBlue · Glacier Blue

HEX
#C7F6E7
RGB
rgb(199, 246, 231)
HSL
hsl(161, 72%, 87%)
HSB
hsb(161, 19%, 96%)
CMYK
cmyk(19%, 0%, 6%, 4%)
Oklch
oklch(93.6% 0.052 173.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#73C5AA

Jade · MediumAquaMarine · Lake Green

HEX
#73C5AA
RGB
rgb(115, 197, 170)
HSL
hsl(160, 41%, 61%)
HSB
hsb(160, 42%, 77%)
CMYK
cmyk(42%, 0%, 14%, 23%)
Oklch
oklch(76.3% 0.090 170.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F76157
55ECF7

Analogous

F7559B
F76157
F7B155

Triadic

F76157
55F75F
5F55F7

Split-Comp.

F76157
55F7B1
559BF7

Tetradic

F76157
9BF755
55ECF7
B155F7

Contrast Matrix WCAG 2.1 Contrast

F76157
FD8954
F9A177
C7F6E7
73C5AA
—
1.3
Fail
1.5
Fail
2.6
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
2.0
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
1.7
Fail
1.0
Fail
2.6
Fail
2.0
Fail
1.7
Fail
—
1.7
Fail
1.5
Fail
1.2
Fail
1.0
Fail
1.7
Fail
—
White BG
3.1AA Large
2.4Fail
2.0Fail
1.2Fail
2.0Fail
Black BG
6.8AA
8.9AAA
10.4AAA
17.8AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B559
CBCA61
D3D281
DBDCEB
9797B1

Deuteranopia

BFCA5A
D2DA64
D8DF84
D9D5EC
928CB2

Tritanopia

EF5B5C
F76B6D
F5898B
C9EDEE
77B6B7

Achromatopsia

8D8D8D
A6A6A6
B7B7B7
E6E6E6
A9A9A9

Shades & Tints Shades & Tints

#F76157

Dark
Light

#FD8954

Dark
Light

#F9A177

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f76157;
  --color-2: #fd8954;
  --color-3: #f9a177;
  --color-4: #c7f6e7;
  --color-5: #73c5aa;
}

SCSS

$color-1: #f76157;
$color-2: #fd8954;
$color-3: #f9a177;
$color-4: #c7f6e7;
$color-5: #73c5aa;

TAILWIND

colors: {
  'brand-1': '#f76157',
  'brand-2': '#fd8954',
  'brand-3': '#f9a177',
  'brand-4': '#c7f6e7',
  'brand-5': '#73c5aa',
}

RGB Array

[247, 97, 87], [253, 137, 84], [249, 161, 119], [199, 246, 231], [115, 197, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #F76157, #FD8954, #F9A177, #C7F6E7, #73C5AA 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: #f76157; --color-2: #fd8954; --color-3: #f9a177; --color-4: #c7f6e7; --color-5: #73c5aa. 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