← Back to Editor

#EF9573 · #FE4C4A · #D87852 · #8AA789 · #D2AC63

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

#EF9573

Apricot · DarkSalmon · Warm Sun

HEX
#EF9573
RGB
rgb(239, 149, 115)
HSL
hsl(16, 79%, 69%)
HSB
hsb(16, 52%, 94%)
CMYK
cmyk(0%, 38%, 52%, 6%)
Oklch
oklch(75.5% 0.119 41.4)

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

#FE4C4A

Peach Pink · Tomato · Coral Red

HEX
#FE4C4A
RGB
rgb(254, 76, 74)
HSL
hsl(1, 99%, 64%)
HSB
hsb(1, 71%, 100%)
CMYK
cmyk(0%, 70%, 71%, 0%)
Oklch
oklch(67.0% 0.215 25.7)

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

#D87852

Tangerine · Coral · Warm Sun

HEX
#D87852
RGB
rgb(216, 120, 82)
HSL
hsl(17, 63%, 58%)
HSB
hsb(17, 62%, 85%)
CMYK
cmyk(0%, 44%, 62%, 15%)
Oklch
oklch(67.2% 0.131 41.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#8AA789

Celadon · DarkSeaGreen · Olive Green

HEX
#8AA789
RGB
rgb(138, 167, 137)
HSL
hsl(118, 15%, 60%)
HSB
hsb(118, 18%, 65%)
CMYK
cmyk(17%, 0%, 18%, 35%)
Oklch
oklch(69.8% 0.054 144.1)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#D2AC63

Ginger · SandyBrown · Warm Sun

HEX
#D2AC63
RGB
rgb(210, 172, 99)
HSL
hsl(39, 55%, 61%)
HSB
hsb(39, 53%, 82%)
CMYK
cmyk(0%, 18%, 53%, 18%)
Oklch
oklch(76.3% 0.102 82.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF9573
72CDEE

Analogous

EE728F
EF9573
EED172

Triadic

EF9573
72EE93
9372EE

Split-Comp.

EF9573
72EED1
728FEE

Tetradic

EF9573
8FEE72
72CDEE
D172EE

Contrast Matrix WCAG 2.1 Contrast

EF9573
FE4C4A
D87852
8AA789
D2AC63
—
1.5
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.5
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.5
Fail
1.5
Fail
1.2
Fail
—
White BG
2.3Fail
3.3AA Large
3.1AA Large
2.6Fail
2.1Fail
Black BG
9.2AAA
6.3AA
6.7AA
8.0AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C77B
B1AF4A
AEAE5B
979790
C2C175

Deuteranopia

CDD47D
BBC94B
B4BB5D
959392
C4C779

Tritanopia

EA8283
F54B4B
D36264
8B9697
D08386

Achromatopsia

ACACAC
818181
909090
9B9B9B
AFAFAF

Shades & Tints Shades & Tints

#EF9573

Dark
Light

#FE4C4A

Dark
Light

#D87852

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef9573;
  --color-2: #fe4c4a;
  --color-3: #d87852;
  --color-4: #8aa789;
  --color-5: #d2ac63;
}

SCSS

$color-1: #ef9573;
$color-2: #fe4c4a;
$color-3: #d87852;
$color-4: #8aa789;
$color-5: #d2ac63;

TAILWIND

colors: {
  'brand-1': '#ef9573',
  'brand-2': '#fe4c4a',
  'brand-3': '#d87852',
  'brand-4': '#8aa789',
  'brand-5': '#d2ac63',
}

RGB Array

[239, 149, 115], [254, 76, 74], [216, 120, 82], [138, 167, 137], [210, 172, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EF9573, #FE4C4A, #D87852, #8AA789, #D2AC63 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: #ef9573; --color-2: #fe4c4a; --color-3: #d87852; --color-4: #8aa789; --color-5: #d2ac63. 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