← Back to Editor

#F76560 · #F78B60 · #F5B062 · #F2C591 · #F2D0AA

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

#F76560

Peach Pink · Tomato · Coral Red

HEX
#F76560
RGB
rgb(247, 101, 96)
HSL
hsl(2, 90%, 67%)
HSB
hsb(2, 61%, 97%)
CMYK
cmyk(0%, 59%, 61%, 3%)
Oklch
oklch(69.0% 0.180 24.9)

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

#F78B60

Apricot · Salmon · Warm Sun

HEX
#F78B60
RGB
rgb(247, 139, 96)
HSL
hsl(17, 90%, 67%)
HSB
hsb(17, 61%, 97%)
CMYK
cmyk(0%, 44%, 61%, 3%)
Oklch
oklch(74.5% 0.144 42.0)

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

#F5B062

Ginger · SandyBrown · Warm Sun

HEX
#F5B062
RGB
rgb(245, 176, 98)
HSL
hsl(32, 88%, 67%)
HSB
hsb(32, 60%, 96%)
CMYK
cmyk(0%, 28%, 60%, 4%)
Oklch
oklch(80.7% 0.124 67.8)

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

#F2C591

Goose Yellow · BurlyWood · Peach Orange

HEX
#F2C591
RGB
rgb(242, 197, 145)
HSL
hsl(32, 79%, 76%)
HSB
hsb(32, 40%, 95%)
CMYK
cmyk(0%, 19%, 40%, 5%)
Oklch
oklch(85.1% 0.085 70.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F2D0AA

Goose Yellow · Wheat · Peach Orange

HEX
#F2D0AA
RGB
rgb(242, 208, 170)
HSL
hsl(32, 73%, 81%)
HSB
hsb(32, 30%, 95%)
CMYK
cmyk(0%, 14%, 30%, 5%)
Oklch
oklch(87.7% 0.063 70.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F76560
5FF2F7

Analogous

F75FA6
F76560
F7B05F

Triadic

F76560
5FF764
645FF7

Split-Comp.

F76560
5FF7B0
5FA6F7

Tetradic

F76560
A6F75F
5FF2F7
B05FF7

Contrast Matrix WCAG 2.1 Contrast

F76560
F78B60
F5B062
F2C591
F2D0AA
—
1.3
Fail
1.6
Fail
1.9
Fail
2.1
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.6
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
2.1
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
White BG
3.0AA Large
2.4Fail
1.9Fail
1.6Fail
1.5Fail
Black BG
7.0AA
8.8AAA
11.3AAA
13.2AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B661
C8C76A
D7D775
DFDE9E
E3E3B3

Deuteranopia

C0CB61
CFD76D
DBE079
E1E4A1
E5E8B5

Tritanopia

F06262
F27374
F28487
F0A8AA
F0BABC

Achromatopsia

909090
A6A6A6
BCBCBC
CDCDCD
D6D6D6

Shades & Tints Shades & Tints

#F76560

Dark
Light

#F78B60

Dark
Light

#F5B062

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f76560;
  --color-2: #f78b60;
  --color-3: #f5b062;
  --color-4: #f2c591;
  --color-5: #f2d0aa;
}

SCSS

$color-1: #f76560;
$color-2: #f78b60;
$color-3: #f5b062;
$color-4: #f2c591;
$color-5: #f2d0aa;

TAILWIND

colors: {
  'brand-1': '#f76560',
  'brand-2': '#f78b60',
  'brand-3': '#f5b062',
  'brand-4': '#f2c591',
  'brand-5': '#f2d0aa',
}

RGB Array

[247, 101, 96], [247, 139, 96], [245, 176, 98], [242, 197, 145], [242, 208, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F76560, #F78B60, #F5B062, #F2C591, #F2D0AA 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: #f76560; --color-2: #f78b60; --color-3: #f5b062; --color-4: #f2c591; --color-5: #f2d0aa. 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