← Back to Editor

#797690 · #BF8C9D · #FDA0AF · #FFDAC0 · #FDF8CB

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

#797690

Deep Indigo · SlateGray · Navy Blue

HEX
#797690
RGB
rgb(121, 118, 144)
HSL
hsl(247, 10%, 51%)
HSB
hsb(247, 18%, 56%)
CMYK
cmyk(16%, 18%, 0%, 44%)
Oklch
oklch(57.8% 0.040 290.4)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#BF8C9D

Rouge · DarkGray · Rose Pink

HEX
#BF8C9D
RGB
rgb(191, 140, 157)
HSL
hsl(340, 28%, 65%)
HSB
hsb(340, 27%, 75%)
CMYK
cmyk(0%, 27%, 18%, 25%)
Oklch
oklch(69.4% 0.066 357.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FDA0AF

Peach Pink · LightPink · Cherry Blossom

HEX
#FDA0AF
RGB
rgb(253, 160, 175)
HSL
hsl(350, 96%, 81%)
HSB
hsb(350, 37%, 99%)
CMYK
cmyk(0%, 37%, 31%, 1%)
Oklch
oklch(80.3% 0.112 9.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFDAC0

Apricot · Bisque · Peach Orange

HEX
#FFDAC0
RGB
rgb(255, 218, 192)
HSL
hsl(25, 100%, 88%)
HSB
hsb(25, 25%, 100%)
CMYK
cmyk(0%, 15%, 25%, 0%)
Oklch
oklch(91.3% 0.054 57.1)

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

#FDF8CB

Fresh Green · Beige · Lemon Cream

HEX
#FDF8CB
RGB
rgb(253, 248, 203)
HSL
hsl(54, 93%, 89%)
HSB
hsb(54, 20%, 99%)
CMYK
cmyk(0%, 2%, 20%, 1%)
Oklch
oklch(97.2% 0.058 102.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

797690
8C8F76

Analogous

767F8F
797690
85768F

Triadic

797690
8F7876
768F78

Split-Comp.

797690
8F8576
7F8F76

Tetradic

797690
8F767F
8C8F76
768F85

Contrast Matrix WCAG 2.1 Contrast

797690
BF8C9D
FDA0AF
FFDAC0
FDF8CB
—
1.6
Fail
2.3
Fail
3.3
AA Large
4.0
AA Large
1.6
Fail
—
1.5
Fail
2.2
Fail
2.6
Fail
2.3
Fail
1.5
Fail
—
1.5
Fail
1.8
Fail
3.3
AA Large
2.2
Fail
1.5
Fail
—
1.2
Fail
4.0
AA Large
2.6
Fail
1.8
Fail
1.2
Fail
—
White BG
4.4AA Large
2.8Fail
1.9Fail
1.3Fail
1.1Fail
Black BG
4.8AA
7.5AAA
10.8AAA
16.0AAA
19.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

78788A
A9A899
D5D4AB
EFEFC6
FBFBD6

Deuteranopia

787888
ACB098
DAE1AB
F1F4C8
FBFCD9

Tritanopia

798584
BC9695
F8A9A8
FDCBCC
FDDEE0

Achromatopsia

7A7A7A
9D9D9D
BEBEBE
E2E2E2
F4F4F4

Shades & Tints Shades & Tints

#797690

Dark
Light

#BF8C9D

Dark
Light

#FDA0AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #797690;
  --color-2: #bf8c9d;
  --color-3: #fda0af;
  --color-4: #ffdac0;
  --color-5: #fdf8cb;
}

SCSS

$color-1: #797690;
$color-2: #bf8c9d;
$color-3: #fda0af;
$color-4: #ffdac0;
$color-5: #fdf8cb;

TAILWIND

colors: {
  'brand-1': '#797690',
  'brand-2': '#bf8c9d',
  'brand-3': '#fda0af',
  'brand-4': '#ffdac0',
  'brand-5': '#fdf8cb',
}

RGB Array

[121, 118, 144], [191, 140, 157], [253, 160, 175], [255, 218, 192], [253, 248, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #797690, #BF8C9D, #FDA0AF, #FFDAC0, #FDF8CB 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: #797690; --color-2: #bf8c9d; --color-3: #fda0af; --color-4: #ffdac0; --color-5: #fdf8cb. 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