← Back to Editor

#D94781 · #F19066 · #FCBB5F · #FBE18A · #FDF5E6

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

#D94781

Dark Violet · MediumVioletRed · Rose Pink

HEX
#D94781
RGB
rgb(217, 71, 129)
HSL
hsl(336, 66%, 56%)
HSB
hsb(336, 67%, 85%)
CMYK
cmyk(0%, 67%, 41%, 15%)
Oklch
oklch(61.7% 0.188 359.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F19066

Apricot · SandyBrown · Warm Sun

HEX
#F19066
RGB
rgb(241, 144, 102)
HSL
hsl(18, 83%, 67%)
HSB
hsb(18, 58%, 95%)
CMYK
cmyk(0%, 40%, 58%, 5%)
Oklch
oklch(74.7% 0.131 43.8)

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

#FCBB5F

Ginger · SandyBrown · Warm Sun

HEX
#FCBB5F
RGB
rgb(252, 187, 95)
HSL
hsl(35, 96%, 68%)
HSB
hsb(35, 62%, 99%)
CMYK
cmyk(0%, 26%, 62%, 1%)
Oklch
oklch(83.5% 0.132 73.7)

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

#FBE18A

Goose Yellow · Khaki · Lemon Cream

HEX
#FBE18A
RGB
rgb(251, 225, 138)
HSL
hsl(46, 93%, 76%)
HSB
hsb(46, 45%, 98%)
CMYK
cmyk(0%, 10%, 45%, 2%)
Oklch
oklch(91.3% 0.111 93.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FDF5E6

Goose Yellow · Linen · Peach Orange

HEX
#FDF5E6
RGB
rgb(253, 245, 230)
HSL
hsl(39, 85%, 95%)
HSB
hsb(39, 9%, 99%)
CMYK
cmyk(0%, 3%, 9%, 1%)
Oklch
oklch(97.2% 0.022 83.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D94781
45D99E

Analogous

D945CA
D94781
D95445

Triadic

D94781
80D945
4580D9

Split-Comp.

D94781
45D954
45CAD9

Tetradic

D94781
CAD945
45D99E
5445D9

Contrast Matrix WCAG 2.1 Contrast

D94781
F19066
FCBB5F
FBE18A
FDF5E6
—
1.7
Fail
2.4
Fail
3.1
AA Large
3.7
AA Large
1.7
Fail
—
1.4
Fail
1.8
Fail
2.2
Fail
2.4
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
3.1
AA Large
1.8
Fail
1.3
Fail
—
1.2
Fail
3.7
AA Large
2.2
Fail
1.6
Fail
1.2
Fail
—
White BG
4.1AA Large
2.4Fail
1.7Fail
1.3Fail
1.1Fail
Black BG
5.2AA
8.9AAA
12.4AAA
16.2AAA
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9873
C7C670
E0DF75
F0F09F
FAF9EA

Deuteranopia

A2AD70
CDD473
E4E87B
F1F3A4
FAFBEB

Tritanopia

D26865
EC787A
F9878B
FAB0B3
FDECED

Achromatopsia

797979
A8A8A8
C4C4C4
DFDFDF
F6F6F6

Shades & Tints Shades & Tints

#D94781

Dark
Light

#F19066

Dark
Light

#FCBB5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d94781;
  --color-2: #f19066;
  --color-3: #fcbb5f;
  --color-4: #fbe18a;
  --color-5: #fdf5e6;
}

SCSS

$color-1: #d94781;
$color-2: #f19066;
$color-3: #fcbb5f;
$color-4: #fbe18a;
$color-5: #fdf5e6;

TAILWIND

colors: {
  'brand-1': '#d94781',
  'brand-2': '#f19066',
  'brand-3': '#fcbb5f',
  'brand-4': '#fbe18a',
  'brand-5': '#fdf5e6',
}

RGB Array

[217, 71, 129], [241, 144, 102], [252, 187, 95], [251, 225, 138], [253, 245, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #D94781, #F19066, #FCBB5F, #FBE18A, #FDF5E6 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: #d94781; --color-2: #f19066; --color-3: #fcbb5f; --color-4: #fbe18a; --color-5: #fdf5e6. 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