← Back to Editor

#FAD77D · #FF9B69 · #CE7179 · #985775 · #5C3A48

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FAD77D

Goose Yellow · Khaki · Sunflower

HEX
#FAD77D
RGB
rgb(250, 215, 125)
HSL
hsl(43, 93%, 74%)
HSB
hsb(43, 50%, 98%)
CMYK
cmyk(0%, 14%, 50%, 2%)
Oklch
oklch(89.0% 0.116 88.7)

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

#FF9B69

Apricot · SandyBrown · Warm Sun

HEX
#FF9B69
RGB
rgb(255, 155, 105)
HSL
hsl(20, 100%, 71%)
HSB
hsb(20, 59%, 100%)
CMYK
cmyk(0%, 39%, 59%, 0%)
Oklch
oklch(78.3% 0.137 46.7)

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

#CE7179

Peach Pink · LightCoral · Coral Red

HEX
#CE7179
RGB
rgb(206, 113, 121)
HSL
hsl(355, 49%, 63%)
HSB
hsb(355, 45%, 81%)
CMYK
cmyk(0%, 45%, 41%, 19%)
Oklch
oklch(65.5% 0.117 15.4)

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

#985775

Dark Violet · Gray · Camellia

HEX
#985775
RGB
rgb(152, 87, 117)
HSL
hsl(332, 27%, 47%)
HSB
hsb(332, 43%, 60%)
CMYK
cmyk(0%, 43%, 23%, 40%)
Oklch
oklch(54.1% 0.094 351.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#5C3A48

Dark Violet · DarkSlateGray · Camellia

HEX
#5C3A48
RGB
rgb(92, 58, 72)
HSL
hsl(335, 23%, 29%)
HSB
hsb(335, 37%, 36%)
CMYK
cmyk(0%, 37%, 22%, 64%)
Oklch
oklch(39.3% 0.052 353.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD77D
7FA2FA

Analogous

FA9A7F
FAD77D
E0FA7F

Triadic

FAD77D
7FFAD7
D77FFA

Split-Comp.

FAD77D
7FE0FA
9A7FFA

Tetradic

FAD77D
7FFA9A
7FA2FA
FA7FE0

Contrast Matrix WCAG 2.1 Contrast

FAD77D
FF9B69
CE7179
985775
5C3A48
—
1.5
Fail
2.4
Fail
3.8
AA Large
7.0
AAA
1.5
Fail
—
1.6
Fail
2.6
Fail
4.7
AA
2.4
Fail
1.6
Fail
—
1.6
Fail
2.9
Fail
3.8
AA Large
2.6
Fail
1.6
Fail
—
1.8
Fail
7.0
AAA
4.7
AA
2.9
Fail
1.8
Fail
—
White BG
1.4Fail
2.1Fail
3.4AA Large
5.3AA
9.7AAA
Black BG
15.1AAA
10.1AAA
6.3AA
4.0AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEB93
D4D375
A6A577
7C7B6E
4D4D45

Deuteranopia

EDF098
DAE178
ABB277
80856C
4F5244

Tritanopia

F8A4A8
FA7F81
C97675
956867
5A4241

Achromatopsia

D7D7D7
B3B3B3
8E8E8E
6E6E6E
464646

Shades & Tints Shades & Tints

#FAD77D

Dark
Light

#FF9B69

Dark
Light

#CE7179

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad77d;
  --color-2: #ff9b69;
  --color-3: #ce7179;
  --color-4: #985775;
  --color-5: #5c3a48;
}

SCSS

$color-1: #fad77d;
$color-2: #ff9b69;
$color-3: #ce7179;
$color-4: #985775;
$color-5: #5c3a48;

TAILWIND

colors: {
  'brand-1': '#fad77d',
  'brand-2': '#ff9b69',
  'brand-3': '#ce7179',
  'brand-4': '#985775',
  'brand-5': '#5c3a48',
}

RGB Array

[250, 215, 125], [255, 155, 105], [206, 113, 121], [152, 87, 117], [92, 58, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FAD77D, #FF9B69, #CE7179, #985775, #5C3A48 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fad77d; --color-2: #ff9b69; --color-3: #ce7179; --color-4: #985775; --color-5: #5c3a48. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco industries. 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