← Back to Editor

#5F656B · #E67A81 · #FC9783 · #FCB683 · #FFE58F

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

#5F656B

Ink Gray · DimGray · Charcoal

HEX
#5F656B
RGB
rgb(95, 101, 107)
HSL
hsl(210, 6%, 40%)
HSB
hsb(210, 11%, 42%)
CMYK
cmyk(11%, 6%, 0%, 58%)
Oklch
oklch(50.4% 0.012 248.1)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#E67A81

Peach Pink · LightCoral · Coral Red

HEX
#E67A81
RGB
rgb(230, 122, 129)
HSL
hsl(356, 68%, 69%)
HSB
hsb(356, 47%, 90%)
CMYK
cmyk(0%, 47%, 44%, 10%)
Oklch
oklch(70.3% 0.134 17.0)

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

#FC9783

Peach Pink · LightSalmon · Coral Red

HEX
#FC9783
RGB
rgb(252, 151, 131)
HSL
hsl(10, 95%, 75%)
HSB
hsb(10, 48%, 99%)
CMYK
cmyk(0%, 40%, 48%, 1%)
Oklch
oklch(77.7% 0.126 32.0)

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

#FCB683

Apricot · LightSalmon · Warm Sun

HEX
#FCB683
RGB
rgb(252, 182, 131)
HSL
hsl(25, 95%, 75%)
HSB
hsb(25, 48%, 99%)
CMYK
cmyk(0%, 28%, 48%, 1%)
Oklch
oklch(83.1% 0.105 56.8)

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

#FFE58F

Goose Yellow · Khaki · Lemon Cream

HEX
#FFE58F
RGB
rgb(255, 229, 143)
HSL
hsl(46, 100%, 78%)
HSB
hsb(46, 44%, 100%)
CMYK
cmyk(0%, 10%, 44%, 0%)
Oklch
oklch(92.5% 0.110 93.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5F656B
6C6660

Analogous

606C6C
5F656B
60606C

Triadic

5F656B
6C6066
666C60

Split-Comp.

5F656B
6C6060
6C6C60

Tetradic

5F656B
6C606C
6C6660
606C60

Contrast Matrix WCAG 2.1 Contrast

5F656B
E67A81
FC9783
FCB683
FFE58F
—
2.1
Fail
2.8
Fail
3.4
AA Large
4.7
AA
2.1
Fail
—
1.3
Fail
1.6
Fail
2.3
Fail
2.8
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
3.4
AA Large
1.6
Fail
1.2
Fail
—
1.4
Fail
4.7
AA
2.3
Fail
1.7
Fail
1.4
Fail
—
White BG
5.9AA
2.8Fail
2.1Fail
1.7Fail
1.2Fail
Black BG
3.6AA Large
7.5AAA
9.9AAA
12.2AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

62626A
B7B67F
D0CF88
DEDD8F
F4F4A4

Deuteranopia

616169
BEC67F
D6DE89
E2E792
F5F7A9

Tritanopia

5F6868
E17E7E
F78C8D
F8999B
FEB4B8

Achromatopsia

646464
9B9B9B
B3B3B3
C5C5C5
E3E3E3

Shades & Tints Shades & Tints

#5F656B

Dark
Light

#E67A81

Dark
Light

#FC9783

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5f656b;
  --color-2: #e67a81;
  --color-3: #fc9783;
  --color-4: #fcb683;
  --color-5: #ffe58f;
}

SCSS

$color-1: #5f656b;
$color-2: #e67a81;
$color-3: #fc9783;
$color-4: #fcb683;
$color-5: #ffe58f;

TAILWIND

colors: {
  'brand-1': '#5f656b',
  'brand-2': '#e67a81',
  'brand-3': '#fc9783',
  'brand-4': '#fcb683',
  'brand-5': '#ffe58f',
}

RGB Array

[95, 101, 107], [230, 122, 129], [252, 151, 131], [252, 182, 131], [255, 229, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #5F656B, #E67A81, #FC9783, #FCB683, #FFE58F 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: #5f656b; --color-2: #e67a81; --color-3: #fc9783; --color-4: #fcb683; --color-5: #ffe58f. 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