← Back to Editor

#FCF7C0 · #FFD504 · #A1D485 · #F04823 · #DAE6A8

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

#FCF7C0

Fresh Green · Bisque · Lemon Cream

HEX
#FCF7C0
RGB
rgb(252, 247, 192)
HSL
hsl(55, 91%, 87%)
HSB
hsb(55, 24%, 99%)
CMYK
cmyk(0%, 2%, 24%, 1%)
Oklch
oklch(96.7% 0.071 103.3)

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

#FFD504

Autumn Sage · Gold · Sunflower

HEX
#FFD504
RGB
rgb(255, 213, 4)
HSL
hsl(50, 100%, 51%)
HSB
hsb(50, 98%, 100%)
CMYK
cmyk(0%, 16%, 98%, 0%)
Oklch
oklch(88.3% 0.181 94.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A1D485

Celadon · DarkSeaGreen · Apple Green

HEX
#A1D485
RGB
rgb(161, 212, 133)
HSL
hsl(99, 48%, 68%)
HSB
hsb(99, 37%, 83%)
CMYK
cmyk(24%, 0%, 37%, 17%)
Oklch
oklch(81.5% 0.119 135.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#F04823

Vermilion · OrangeRed · Passion Red

HEX
#F04823
RGB
rgb(240, 72, 35)
HSL
hsl(11, 87%, 54%)
HSB
hsb(11, 85%, 94%)
CMYK
cmyk(0%, 70%, 85%, 6%)
Oklch
oklch(63.9% 0.210 33.7)

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

#DAE6A8

Willow Green · Wheat · Apple Green

HEX
#DAE6A8
RGB
rgb(218, 230, 168)
HSL
hsl(72, 55%, 78%)
HSB
hsb(72, 27%, 90%)
CMYK
cmyk(5%, 0%, 27%, 10%)
Oklch
oklch(90.1% 0.082 117.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF7C0
C0C5FC

Analogous

FCD9C0
FCF7C0
E3FCC0

Triadic

FCF7C0
C0FCF7
F7C0FC

Split-Comp.

FCF7C0
C0E3FC
D9C0FC

Tetradic

FCF7C0
C0FCD9
C0C5FC
FCC0E3

Contrast Matrix WCAG 2.1 Contrast

FCF7C0
FFD504
A1D485
F04823
DAE6A8
—
1.3
Fail
1.6
Fail
3.4
AA Large
1.2
Fail
1.3
Fail
—
1.2
Fail
2.6
Fail
1.1
Fail
1.6
Fail
1.2
Fail
—
2.2
Fail
1.3
Fail
3.4
AA Large
2.6
Fail
2.2
Fail
—
2.8
Fail
1.2
Fail
1.1
Fail
1.3
Fail
2.8
Fail
—
White BG
1.1Fail
1.4Fail
1.7Fail
3.7AA Large
1.3Fail
Black BG
19.2AAA
14.8AAA
12.3AAA
5.7AA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFACD
EDEC37
B7B898
A7A62C
DFDFB7

Deuteranopia

FAFAD0
EFF243
B4B09D
B1BE2E
DFDEBB

Tritanopia

FCD8DA
FD5E67
A4A7AB
E83335
DBC3C5

Achromatopsia

F2F2F2
CACACA
BCBCBC
767676
DBDBDB

Shades & Tints Shades & Tints

#FCF7C0

Dark
Light

#FFD504

Dark
Light

#A1D485

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf7c0;
  --color-2: #ffd504;
  --color-3: #a1d485;
  --color-4: #f04823;
  --color-5: #dae6a8;
}

SCSS

$color-1: #fcf7c0;
$color-2: #ffd504;
$color-3: #a1d485;
$color-4: #f04823;
$color-5: #dae6a8;

TAILWIND

colors: {
  'brand-1': '#fcf7c0',
  'brand-2': '#ffd504',
  'brand-3': '#a1d485',
  'brand-4': '#f04823',
  'brand-5': '#dae6a8',
}

RGB Array

[252, 247, 192], [255, 213, 4], [161, 212, 133], [240, 72, 35], [218, 230, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FCF7C0, #FFD504, #A1D485, #F04823, #DAE6A8 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: #fcf7c0; --color-2: #ffd504; --color-3: #a1d485; --color-4: #f04823; --color-5: #dae6a8. 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