← Back to Editor

#8F767C · #CB9281 · #EB9F85 · #FEAB75 · #FEC777

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

#8F767C

Crimson · Gray · Passion Red

HEX
#8F767C
RGB
rgb(143, 118, 124)
HSL
hsl(346, 10%, 51%)
HSB
hsb(346, 17%, 56%)
CMYK
cmyk(0%, 17%, 13%, 44%)
Oklch
oklch(59.1% 0.032 2.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#CB9281

Peach Pink · DarkSalmon · Coral Red

HEX
#CB9281
RGB
rgb(203, 146, 129)
HSL
hsl(14, 42%, 65%)
HSB
hsb(14, 36%, 80%)
CMYK
cmyk(0%, 28%, 36%, 20%)
Oklch
oklch(71.1% 0.074 37.3)

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

#EB9F85

Apricot · DarkSalmon · Warm Sun

HEX
#EB9F85
RGB
rgb(235, 159, 133)
HSL
hsl(15, 72%, 72%)
HSB
hsb(15, 43%, 92%)
CMYK
cmyk(0%, 32%, 43%, 8%)
Oklch
oklch(77.1% 0.098 39.7)

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

#FEAB75

Apricot · LightSalmon · Warm Sun

HEX
#FEAB75
RGB
rgb(254, 171, 117)
HSL
hsl(24, 99%, 73%)
HSB
hsb(24, 54%, 100%)
CMYK
cmyk(0%, 33%, 54%, 0%)
Oklch
oklch(81.1% 0.120 53.3)

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

#FEC777

Goose Yellow · BurlyWood · Warm Sun

HEX
#FEC777
RGB
rgb(254, 199, 119)
HSL
hsl(36, 99%, 73%)
HSB
hsb(36, 53%, 100%)
CMYK
cmyk(0%, 22%, 53%, 0%)
Oklch
oklch(86.2% 0.116 75.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8F767C
768F89

Analogous

8F7688
8F767C
8F7C76

Triadic

8F767C
7B8F76
767B8F

Split-Comp.

8F767C
768F7C
76888F

Tetradic

8F767C
888F76
768F89
7C768F

Contrast Matrix WCAG 2.1 Contrast

8F767C
CB9281
EB9F85
FEAB75
FEC777
—
1.6
Fail
1.9
Fail
2.2
Fail
2.7
Fail
1.6
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.9
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
2.2
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
2.7
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
4.2AA Large
2.6Fail
2.1Fail
1.9Fail
1.5Fail
Black BG
5.1AA
8.0AAA
9.8AAA
11.3AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

84847B
B2B285
CAC98B
DAD982
E6E68A

Deuteranopia

86887A
B6BA86
CFD48D
DFE585
E9ED8F

Tritanopia

8E7979
C88889
E79091
FA8C8F
FB9A9D

Achromatopsia

7E7E7E
A1A1A1
B3B3B3
BEBEBE
CECECE

Shades & Tints Shades & Tints

#8F767C

Dark
Light

#CB9281

Dark
Light

#EB9F85

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8f767c;
  --color-2: #cb9281;
  --color-3: #eb9f85;
  --color-4: #feab75;
  --color-5: #fec777;
}

SCSS

$color-1: #8f767c;
$color-2: #cb9281;
$color-3: #eb9f85;
$color-4: #feab75;
$color-5: #fec777;

TAILWIND

colors: {
  'brand-1': '#8f767c',
  'brand-2': '#cb9281',
  'brand-3': '#eb9f85',
  'brand-4': '#feab75',
  'brand-5': '#fec777',
}

RGB Array

[143, 118, 124], [203, 146, 129], [235, 159, 133], [254, 171, 117], [254, 199, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #8F767C, #CB9281, #EB9F85, #FEAB75, #FEC777 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: #8f767c; --color-2: #cb9281; --color-3: #eb9f85; --color-4: #feab75; --color-5: #fec777. 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