← Back to Editor

#FFF069 · #FAC168 · #F59268 · #F06367 · #EB3467

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

#FFF069

Fresh Green · Khaki · Sunflower

HEX
#FFF069
RGB
rgb(255, 240, 105)
HSL
hsl(54, 100%, 71%)
HSB
hsb(54, 59%, 100%)
CMYK
cmyk(0%, 6%, 59%, 0%)
Oklch
oklch(94.2% 0.155 103.0)

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

#FAC168

Ginger · SandyBrown · Warm Sun

HEX
#FAC168
RGB
rgb(250, 193, 104)
HSL
hsl(37, 94%, 69%)
HSB
hsb(37, 58%, 98%)
CMYK
cmyk(0%, 23%, 58%, 2%)
Oklch
oklch(84.5% 0.125 76.8)

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

#F59268

Apricot · SandyBrown · Warm Sun

HEX
#F59268
RGB
rgb(245, 146, 104)
HSL
hsl(18, 88%, 68%)
HSB
hsb(18, 58%, 96%)
CMYK
cmyk(0%, 40%, 58%, 4%)
Oklch
oklch(75.5% 0.133 43.4)

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

#F06367

Peach Pink · Salmon · Coral Red

HEX
#F06367
RGB
rgb(240, 99, 103)
HSL
hsl(358, 82%, 66%)
HSB
hsb(358, 59%, 94%)
CMYK
cmyk(0%, 59%, 57%, 6%)
Oklch
oklch(67.9% 0.174 21.3)

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

#EB3467

Dark Violet · Crimson · Rose Pink

HEX
#EB3467
RGB
rgb(235, 52, 103)
HSL
hsl(343, 82%, 56%)
HSB
hsb(343, 78%, 92%)
CMYK
cmyk(0%, 78%, 56%, 8%)
Oklch
oklch(62.3% 0.217 10.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF069
6B7AFF

Analogous

FFA66B
FFF069
C4FF6B

Triadic

FFF069
6BFFF0
F06BFF

Split-Comp.

FFF069
6BC4FF
A66BFF

Tetradic

FFF069
6BFFA6
6B7AFF
FF6BC4

Contrast Matrix WCAG 2.1 Contrast

FFF069
FAC168
F59268
F06367
EB3467
—
1.4
Fail
1.9
Fail
2.7
Fail
3.4
AA Large
1.4
Fail
—
1.4
Fail
1.9
Fail
2.5
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
2.7
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
3.4
AA Large
2.5
Fail
1.8
Fail
1.3
Fail
—
White BG
1.2Fail
1.6Fail
2.3Fail
3.1AA Large
4.0AA Large
Black BG
17.9AAA
12.9AAA
9.2AAA
6.7AA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F88A
E1E17E
CAC972
B3B266
9C9A5B

Deuteranopia

F9FB92
E5E983
D0D775
BBC666
A6B458

Tritanopia

FEA3A9
F78F92
F07A7C
E96565
E2514F

Achromatopsia

E5E5E5
C8C8C8
ABABAB
8E8E8E
717171

Shades & Tints Shades & Tints

#FFF069

Dark
Light

#FAC168

Dark
Light

#F59268

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff069;
  --color-2: #fac168;
  --color-3: #f59268;
  --color-4: #f06367;
  --color-5: #eb3467;
}

SCSS

$color-1: #fff069;
$color-2: #fac168;
$color-3: #f59268;
$color-4: #f06367;
$color-5: #eb3467;

TAILWIND

colors: {
  'brand-1': '#fff069',
  'brand-2': '#fac168',
  'brand-3': '#f59268',
  'brand-4': '#f06367',
  'brand-5': '#eb3467',
}

RGB Array

[255, 240, 105], [250, 193, 104], [245, 146, 104], [240, 99, 103], [235, 52, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FFF069, #FAC168, #F59268, #F06367, #EB3467 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: #fff069; --color-2: #fac168; --color-3: #f59268; --color-4: #f06367; --color-5: #eb3467. 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