← Back to Editor

#FB757D · #EA966C · #D2AE5F · #2E7179 · #FC687F

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

#FB757D

Peach Pink · Salmon · Coral Red

HEX
#FB757D
RGB
rgb(251, 117, 125)
HSL
hsl(356, 94%, 72%)
HSB
hsb(356, 53%, 98%)
CMYK
cmyk(0%, 53%, 50%, 2%)
Oklch
oklch(72.3% 0.164 18.4)

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

#EA966C

Apricot · DarkSalmon · Warm Sun

HEX
#EA966C
RGB
rgb(234, 150, 108)
HSL
hsl(20, 75%, 67%)
HSB
hsb(20, 54%, 92%)
CMYK
cmyk(0%, 36%, 54%, 8%)
Oklch
oklch(74.9% 0.116 47.0)

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

#D2AE5F

Ginger · SandyBrown · Sunflower

HEX
#D2AE5F
RGB
rgb(210, 174, 95)
HSL
hsl(41, 56%, 60%)
HSB
hsb(41, 55%, 82%)
CMYK
cmyk(0%, 17%, 55%, 18%)
Oklch
oklch(76.7% 0.107 85.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#2E7179

Slate Blue · SeaGreen · Mint Ice

HEX
#2E7179
RGB
rgb(46, 113, 121)
HSL
hsl(186, 45%, 33%)
HSB
hsb(186, 62%, 47%)
CMYK
cmyk(62%, 7%, 0%, 53%)
Oklch
oklch(50.9% 0.068 206.0)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#FC687F

Peach Pink · LightCoral · Coral Red

HEX
#FC687F
RGB
rgb(252, 104, 127)
HSL
hsl(351, 96%, 70%)
HSB
hsb(351, 59%, 99%)
CMYK
cmyk(0%, 59%, 50%, 1%)
Oklch
oklch(70.8% 0.181 13.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB757D
74FBF2

Analogous

FB74C1
FB757D
FBAF74

Triadic

FB757D
7DFB74
747DFB

Split-Comp.

FB757D
74FBAF
74C1FB

Tetradic

FB757D
C1FB74
74FBF2
AF74FB

Contrast Matrix WCAG 2.1 Contrast

FB757D
EA966C
D2AE5F
2E7179
FC687F
—
1.1
Fail
1.3
Fail
2.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
2.4
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
2.7
Fail
1.3
Fail
2.1
Fail
2.4
Fail
2.7
Fail
—
2.0
Fail
1.1
Fail
1.2
Fail
1.3
Fail
2.0
Fail
—
White BG
2.6Fail
2.3Fail
2.1Fail
5.6AA
2.8Fail
Black BG
7.9AAA
9.1AAA
10.0AAA
3.8AA Large
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C07B
C6C576
C2C272
4B4C77
BCBB79

Deuteranopia

C9D37B
CBD179
C5C777
474277
C5D078

Tritanopia

F47A79
E67E80
D08185
317675
F57574

Achromatopsia

9E9E9E
AAAAAA
B0B0B0
5E5E5E
979797

Shades & Tints Shades & Tints

#FB757D

Dark
Light

#EA966C

Dark
Light

#D2AE5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb757d;
  --color-2: #ea966c;
  --color-3: #d2ae5f;
  --color-4: #2e7179;
  --color-5: #fc687f;
}

SCSS

$color-1: #fb757d;
$color-2: #ea966c;
$color-3: #d2ae5f;
$color-4: #2e7179;
$color-5: #fc687f;

TAILWIND

colors: {
  'brand-1': '#fb757d',
  'brand-2': '#ea966c',
  'brand-3': '#d2ae5f',
  'brand-4': '#2e7179',
  'brand-5': '#fc687f',
}

RGB Array

[251, 117, 125], [234, 150, 108], [210, 174, 95], [46, 113, 121], [252, 104, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FB757D, #EA966C, #D2AE5F, #2E7179, #FC687F is ideal for: social media posters, mobile apps, e-commerce promos. 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: #fb757d; --color-2: #ea966c; --color-3: #d2ae5f; --color-4: #2e7179; --color-5: #fc687f. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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