← Back to Editor

#FFCF82 · #FFBD87 · #FFA375 · #FF9178 · #FF7781

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

#FFCF82

Goose Yellow · Khaki · Warm Sun

HEX
#FFCF82
RGB
rgb(255, 207, 130)
HSL
hsl(37, 100%, 75%)
HSB
hsb(37, 49%, 100%)
CMYK
cmyk(0%, 19%, 49%, 0%)
Oklch
oklch(88.0% 0.109 78.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFBD87

Apricot · LightSalmon · Peach Orange

HEX
#FFBD87
RGB
rgb(255, 189, 135)
HSL
hsl(27, 100%, 76%)
HSB
hsb(27, 47%, 100%)
CMYK
cmyk(0%, 26%, 47%, 0%)
Oklch
oklch(84.7% 0.103 60.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFA375

Apricot · LightSalmon · Warm Sun

HEX
#FFA375
RGB
rgb(255, 163, 117)
HSL
hsl(20, 100%, 73%)
HSB
hsb(20, 54%, 100%)
CMYK
cmyk(0%, 36%, 54%, 0%)
Oklch
oklch(79.8% 0.125 47.0)

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

#FF9178

Peach Pink · LightSalmon · Coral Red

HEX
#FF9178
RGB
rgb(255, 145, 120)
HSL
hsl(11, 100%, 74%)
HSB
hsb(11, 53%, 100%)
CMYK
cmyk(0%, 43%, 53%, 0%)
Oklch
oklch(76.9% 0.138 33.8)

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

#FF7781

Peach Pink · LightCoral · Coral Red

HEX
#FF7781
RGB
rgb(255, 119, 129)
HSL
hsl(356, 100%, 73%)
HSB
hsb(356, 53%, 100%)
CMYK
cmyk(0%, 53%, 49%, 0%)
Oklch
oklch(73.2% 0.166 17.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFCF82
80B0FF

Analogous

FF8E80
FFCF82
F0FF80

Triadic

FFCF82
80FFCE
CE80FF

Split-Comp.

FFCF82
80F0FF
8E80FF

Tetradic

FFCF82
80FF8E
80B0FF
FF80F0

Contrast Matrix WCAG 2.1 Contrast

FFCF82
FFBD87
FFA375
FF9178
FF7781
—
1.1
Fail
1.3
Fail
1.5
Fail
1.8
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.6
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.8
Fail
1.6
Fail
1.3
Fail
1.2
Fail
—
White BG
1.4Fail
1.6Fail
2.0Fail
2.2Fail
2.6Fail
Black BG
14.5AAA
12.9AAA
10.7AAA
9.6AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEA95
E2E294
D7D680
CFCE7E
C4C37F

Deuteranopia

EDF199
E6EB97
DDE383
D6DE80
CCD67E

Tritanopia

FDA3A7
FC9EA1
FA898B
FA8384
F87D7C

Achromatopsia

D5D5D5
CBCBCB
B9B9B9
AFAFAF
A1A1A1

Shades & Tints Shades & Tints

#FFCF82

Dark
Light

#FFBD87

Dark
Light

#FFA375

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffcf82;
  --color-2: #ffbd87;
  --color-3: #ffa375;
  --color-4: #ff9178;
  --color-5: #ff7781;
}

SCSS

$color-1: #ffcf82;
$color-2: #ffbd87;
$color-3: #ffa375;
$color-4: #ff9178;
$color-5: #ff7781;

TAILWIND

colors: {
  'brand-1': '#ffcf82',
  'brand-2': '#ffbd87',
  'brand-3': '#ffa375',
  'brand-4': '#ff9178',
  'brand-5': '#ff7781',
}

RGB Array

[255, 207, 130], [255, 189, 135], [255, 163, 117], [255, 145, 120], [255, 119, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FFCF82, #FFBD87, #FFA375, #FF9178, #FF7781 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: #ffcf82; --color-2: #ffbd87; --color-3: #ffa375; --color-4: #ff9178; --color-5: #ff7781. 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 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