← Back to Editor

#FFE1B8 · #FACDA4 · #FFA37E · #BF8885 · #A78792

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

#FFE1B8

Goose Yellow · Wheat · Peach Orange

HEX
#FFE1B8
RGB
rgb(255, 225, 184)
HSL
hsl(35, 100%, 86%)
HSB
hsb(35, 28%, 100%)
CMYK
cmyk(0%, 12%, 28%, 0%)
Oklch
oklch(92.4% 0.063 75.5)

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

#FACDA4

Apricot · Wheat · Peach Orange

HEX
#FACDA4
RGB
rgb(250, 205, 164)
HSL
hsl(29, 90%, 81%)
HSB
hsb(29, 34%, 98%)
CMYK
cmyk(0%, 18%, 34%, 2%)
Oklch
oklch(87.7% 0.074 64.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFA37E

Apricot · LightSalmon · Warm Sun

HEX
#FFA37E
RGB
rgb(255, 163, 126)
HSL
hsl(17, 100%, 75%)
HSB
hsb(17, 51%, 100%)
CMYK
cmyk(0%, 36%, 51%, 0%)
Oklch
oklch(80.0% 0.121 42.6)

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

#BF8885

Peach Pink · DarkSalmon · Coral Red

HEX
#BF8885
RGB
rgb(191, 136, 133)
HSL
hsl(3, 31%, 64%)
HSB
hsb(3, 30%, 75%)
CMYK
cmyk(0%, 29%, 30%, 25%)
Oklch
oklch(68.0% 0.068 22.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A78792

Dark Violet · DarkGray · Rose Pink

HEX
#A78792
RGB
rgb(167, 135, 146)
HSL
hsl(339, 15%, 59%)
HSB
hsb(339, 19%, 65%)
CMYK
cmyk(0%, 19%, 13%, 35%)
Oklch
oklch(65.7% 0.042 355.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE1B8
B8D5FF

Analogous

FFBEB8
FFE1B8
F9FFB8

Triadic

FFE1B8
B8FFE1
E1B8FF

Split-Comp.

FFE1B8
B8F9FF
BEB8FF

Tetradic

FFE1B8
B8FFBE
B8D5FF
FFB8F9

Contrast Matrix WCAG 2.1 Contrast

FFE1B8
FACDA4
FFA37E
BF8885
A78792
—
1.2
Fail
1.5
Fail
2.4
Fail
2.6
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
2.2
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
1.7
Fail
2.4
Fail
2.0
Fail
1.5
Fail
—
1.1
Fail
2.6
Fail
2.2
Fail
1.7
Fail
1.1
Fail
—
White BG
1.3Fail
1.5Fail
1.9Fail
3.0Fail
3.2AA Large
Black BG
16.7AAA
14.3AAA
10.8AAA
7.1AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2C2
E7E6AE
D7D687
A7A786
99998F

Deuteranopia

F4F6C4
E9EDB0
DDE389
AAAF86
9B9D8F

Tritanopia

FECACB
F8B6B7
FA8E90
BC8686
A58D8D

Achromatopsia

E5E5E5
D6D6D6
BABABA
989898
929292

Shades & Tints Shades & Tints

#FFE1B8

Dark
Light

#FACDA4

Dark
Light

#FFA37E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe1b8;
  --color-2: #facda4;
  --color-3: #ffa37e;
  --color-4: #bf8885;
  --color-5: #a78792;
}

SCSS

$color-1: #ffe1b8;
$color-2: #facda4;
$color-3: #ffa37e;
$color-4: #bf8885;
$color-5: #a78792;

TAILWIND

colors: {
  'brand-1': '#ffe1b8',
  'brand-2': '#facda4',
  'brand-3': '#ffa37e',
  'brand-4': '#bf8885',
  'brand-5': '#a78792',
}

RGB Array

[255, 225, 184], [250, 205, 164], [255, 163, 126], [191, 136, 133], [167, 135, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FFE1B8, #FACDA4, #FFA37E, #BF8885, #A78792 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: #ffe1b8; --color-2: #facda4; --color-3: #ffa37e; --color-4: #bf8885; --color-5: #a78792. 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