← Back to Editor

#FFFCCD · #FEE567 · #F68251 · #98222E · #491C45

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 AppData Visualization

Color Details Color Details

#FFFCCD

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFCCD
RGB
rgb(255, 252, 205)
HSL
hsl(56, 100%, 90%)
HSB
hsb(56, 20%, 100%)
CMYK
cmyk(0%, 1%, 20%, 0%)
Oklch
oklch(98.2% 0.061 104.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FEE567

Fresh Green · Khaki · Sunflower

HEX
#FEE567
RGB
rgb(254, 229, 103)
HSL
hsl(50, 99%, 70%)
HSB
hsb(50, 59%, 100%)
CMYK
cmyk(0%, 10%, 59%, 0%)
Oklch
oklch(91.9% 0.147 98.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F68251

Apricot · Coral · Warm Sun

HEX
#F68251
RGB
rgb(246, 130, 81)
HSL
hsl(18, 90%, 64%)
HSB
hsb(18, 67%, 96%)
CMYK
cmyk(0%, 47%, 67%, 4%)
Oklch
oklch(72.8% 0.156 42.7)

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

#98222E

Vermilion · Brown · Wine Red

HEX
#98222E
RGB
rgb(152, 34, 46)
HSL
hsl(354, 63%, 36%)
HSB
hsb(354, 78%, 60%)
CMYK
cmyk(0%, 78%, 70%, 40%)
Oklch
oklch(45.0% 0.153 20.8)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#491C45

Rose Purple · DarkSlateGray · Dark Purple

HEX
#491C45
RGB
rgb(73, 28, 69)
HSL
hsl(305, 45%, 20%)
HSB
hsb(305, 62%, 29%)
CMYK
cmyk(0%, 62%, 5%, 71%)
Oklch
oklch(31.1% 0.090 331.0)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFCCD
CCCFFF

Analogous

FFE2CC
FFFCCD
E9FFCC

Triadic

FFFCCD
CCFFFC
FCCCFF

Split-Comp.

FFFCCD
CCE9FF
E2CCFF

Tetradic

FFFCCD
CCFFE2
CCCFFF
FFCCE9

Contrast Matrix WCAG 2.1 Contrast

FFFCCD
FEE567
F68251
98222E
491C45
—
1.2
Fail
2.4
Fail
7.7
AAA
13.1
AAA
1.2
Fail
—
2.0
Fail
6.4
AA
10.8
AAA
2.4
Fail
2.0
Fail
—
3.2
AA Large
5.4
AA
7.7
AAA
6.4
AA
3.2
AA Large
—
1.7
Fail
13.1
AAA
10.8
AAA
5.4
AA
1.7
Fail
—
White BG
1.0Fail
1.3Fail
2.6Fail
8.1AAA
13.7AAA
Black BG
20.1AAA
16.6AAA
8.2AAA
2.6Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFED8
F3F385
C4C35D
65642B
36353B

Deuteranopia

FEFEDB
F5F78D
CBD360
6C752A
383B39

Tritanopia

FFE1E3
FD9EA3
F06668
922928
473332

Achromatopsia

F8F8F8
DEDEDE
9F9F9F
474747
2E2E2E

Shades & Tints Shades & Tints

#FFFCCD

Dark
Light

#FEE567

Dark
Light

#F68251

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffccd;
  --color-2: #fee567;
  --color-3: #f68251;
  --color-4: #98222e;
  --color-5: #491c45;
}

SCSS

$color-1: #fffccd;
$color-2: #fee567;
$color-3: #f68251;
$color-4: #98222e;
$color-5: #491c45;

TAILWIND

colors: {
  'brand-1': '#fffccd',
  'brand-2': '#fee567',
  'brand-3': '#f68251',
  'brand-4': '#98222e',
  'brand-5': '#491c45',
}

RGB Array

[255, 252, 205], [254, 229, 103], [246, 130, 81], [152, 34, 46], [73, 28, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FFFCCD, #FEE567, #F68251, #98222E, #491C45 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fffccd; --color-2: #fee567; --color-3: #f68251; --color-4: #98222e; --color-5: #491c45. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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