← Back to Editor

#FFA252 · #FF8261 · #EA596A · #A55168 · #71515C

sunset

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

#FFA252

Apricot · SandyBrown · Warm Sun

HEX
#FFA252
RGB
rgb(255, 162, 82)
HSL
hsl(28, 100%, 66%)
HSB
hsb(28, 68%, 100%)
CMYK
cmyk(0%, 36%, 68%, 0%)
Oklch
oklch(79.2% 0.145 58.9)

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

#FF8261

Peach Pink · Coral · Coral Red

HEX
#FF8261
RGB
rgb(255, 130, 97)
HSL
hsl(13, 100%, 69%)
HSB
hsb(13, 62%, 100%)
CMYK
cmyk(0%, 49%, 62%, 0%)
Oklch
oklch(74.2% 0.160 35.8)

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

#EA596A

Peach Pink · Tomato · Coral Red

HEX
#EA596A
RGB
rgb(234, 89, 106)
HSL
hsl(353, 78%, 63%)
HSB
hsb(353, 62%, 92%)
CMYK
cmyk(0%, 62%, 55%, 8%)
Oklch
oklch(65.8% 0.179 16.6)

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

#A55168

Dark Violet · Sienna · Camellia

HEX
#A55168
RGB
rgb(165, 81, 104)
HSL
hsl(344, 34%, 48%)
HSB
hsb(344, 51%, 65%)
CMYK
cmyk(0%, 51%, 37%, 35%)
Oklch
oklch(54.4% 0.113 4.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#71515C

Dark Violet · DimGray · Camellia

HEX
#71515C
RGB
rgb(113, 81, 92)
HSL
hsl(339, 16%, 38%)
HSB
hsb(339, 28%, 44%)
CMYK
cmyk(0%, 28%, 19%, 56%)
Oklch
oklch(47.3% 0.046 356.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFA252
52AEFF

Analogous

FF5257
FFA252
FFF952

Triadic

FFA252
52FFA3
A352FF

Split-Comp.

FFA252
52FFF9
5257FF

Tetradic

FFA252
57FF52
52AEFF
F952FF

Contrast Matrix WCAG 2.1 Contrast

FFA252
FF8261
EA596A
A55168
71515C
—
1.2
Fail
1.7
Fail
2.7
Fail
3.5
AA Large
1.2
Fail
—
1.4
Fail
2.2
Fail
2.8
Fail
1.7
Fail
1.4
Fail
—
1.5
Fail
2.0
Fail
2.7
Fail
2.2
Fail
1.5
Fail
—
1.3
Fail
3.5
AA Large
2.8
Fail
2.0
Fail
1.3
Fail
—
White BG
2.0Fail
2.4Fail
3.4AA Large
5.3AA
6.9AA
Black BG
10.5AAA
8.6AAA
6.1AA
4.0AA Large
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D665
C9C869
ABAA66
818062
636359

Deuteranopia

DCE36A
D0DA6B
B4BE65
868C61
656759

Tritanopia

FA7578
F96F71
E36362
A15E5D
6F5757

Achromatopsia

B5B5B5
A4A4A4
868686
6D6D6D
5C5C5C

Shades & Tints Shades & Tints

#FFA252

Dark
Light

#FF8261

Dark
Light

#EA596A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffa252;
  --color-2: #ff8261;
  --color-3: #ea596a;
  --color-4: #a55168;
  --color-5: #71515c;
}

SCSS

$color-1: #ffa252;
$color-2: #ff8261;
$color-3: #ea596a;
$color-4: #a55168;
$color-5: #71515c;

TAILWIND

colors: {
  'brand-1': '#ffa252',
  'brand-2': '#ff8261',
  'brand-3': '#ea596a',
  'brand-4': '#a55168',
  'brand-5': '#71515c',
}

RGB Array

[255, 162, 82], [255, 130, 97], [234, 89, 106], [165, 81, 104], [113, 81, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FFA252, #FF8261, #EA596A, #A55168, #71515C 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: #ffa252; --color-2: #ff8261; --color-3: #ea596a; --color-4: #a55168; --color-5: #71515c. 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 sunset-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