← Back to Editor

#FFB364 · #FCC48C · #FCD9A0 · #D2EDF5 · #84C1BC

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FFB364

Ginger · SandyBrown · Warm Sun

HEX
#FFB364
RGB
rgb(255, 179, 100)
HSL
hsl(31, 100%, 70%)
HSB
hsb(31, 61%, 100%)
CMYK
cmyk(0%, 30%, 61%, 0%)
Oklch
oklch(82.4% 0.130 65.3)

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

#FCC48C

Goose Yellow · BurlyWood · Peach Orange

HEX
#FCC48C
RGB
rgb(252, 196, 140)
HSL
hsl(30, 95%, 77%)
HSB
hsb(30, 44%, 99%)
CMYK
cmyk(0%, 22%, 44%, 1%)
Oklch
oklch(85.8% 0.096 66.0)

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

#FCD9A0

Goose Yellow · Wheat · Peach Orange

HEX
#FCD9A0
RGB
rgb(252, 217, 160)
HSL
hsl(37, 94%, 81%)
HSB
hsb(37, 37%, 99%)
CMYK
cmyk(0%, 14%, 37%, 1%)
Oklch
oklch(90.2% 0.083 79.5)

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

#D2EDF5

Sky Blue · Lavender · Glacier Blue

HEX
#D2EDF5
RGB
rgb(210, 237, 245)
HSL
hsl(194, 64%, 89%)
HSB
hsb(194, 14%, 96%)
CMYK
cmyk(14%, 3%, 0%, 4%)
Oklch
oklch(92.9% 0.030 217.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#84C1BC

Jade · MediumAquaMarine · Lake Green

HEX
#84C1BC
RGB
rgb(132, 193, 188)
HSL
hsl(175, 33%, 64%)
HSB
hsb(175, 32%, 76%)
CMYK
cmyk(32%, 0%, 3%, 24%)
Oklch
oklch(76.8% 0.063 189.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB364
66B0FF

Analogous

FF6966
FFB364
FCFF66

Triadic

FFB364
66FFB5
B566FF

Split-Comp.

FFB364
66FCFF
6966FF

Tetradic

FFB364
66FF69
66B0FF
FF66FC

Contrast Matrix WCAG 2.1 Contrast

FFB364
FCC48C
FCD9A0
D2EDF5
84C1BC
—
1.1
Fail
1.3
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.7
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.7
Fail
—
White BG
1.8Fail
1.6Fail
1.3Fail
1.2Fail
2.0Fail
Black BG
11.9AAA
13.4AAA
15.6AAA
17.2AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDD77
E4E39A
EDEDAE
DEDEF3
9E9FBD

Deuteranopia

E3E87C
E7EB9D
EFF1B1
DCDAF3
9B96BE

Tritanopia

FB868A
F9A4A7
FAB9BB
D3F2F1
87BEBE

Achromatopsia

C1C1C1
CECECE
DDDDDD
E6E6E6
AEAEAE

Shades & Tints Shades & Tints

#FFB364

Dark
Light

#FCC48C

Dark
Light

#FCD9A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb364;
  --color-2: #fcc48c;
  --color-3: #fcd9a0;
  --color-4: #d2edf5;
  --color-5: #84c1bc;
}

SCSS

$color-1: #ffb364;
$color-2: #fcc48c;
$color-3: #fcd9a0;
$color-4: #d2edf5;
$color-5: #84c1bc;

TAILWIND

colors: {
  'brand-1': '#ffb364',
  'brand-2': '#fcc48c',
  'brand-3': '#fcd9a0',
  'brand-4': '#d2edf5',
  'brand-5': '#84c1bc',
}

RGB Array

[255, 179, 100], [252, 196, 140], [252, 217, 160], [210, 237, 245], [132, 193, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FFB364, #FCC48C, #FCD9A0, #D2EDF5, #84C1BC 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: #ffb364; --color-2: #fcc48c; --color-3: #fcd9a0; --color-4: #d2edf5; --color-5: #84c1bc. 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