← Back to Editor

#565364 · #C9AE79 · #FEDA7A · #B7999B · #291E18

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#565364

Deep Indigo · DimGray · Charcoal

HEX
#565364
RGB
rgb(86, 83, 100)
HSL
hsl(251, 9%, 36%)
HSB
hsb(251, 17%, 39%)
CMYK
cmyk(14%, 17%, 0%, 61%)
Oklch
oklch(45.1% 0.028 293.4)

Traditional「Deep Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#C9AE79

Ginger · Tan · Sunflower

HEX
#C9AE79
RGB
rgb(201, 174, 121)
HSL
hsl(40, 43%, 63%)
HSB
hsb(40, 40%, 79%)
CMYK
cmyk(0%, 13%, 40%, 21%)
Oklch
oklch(76.2% 0.077 83.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FEDA7A

Goose Yellow · Khaki · Sunflower

HEX
#FEDA7A
RGB
rgb(254, 218, 122)
HSL
hsl(44, 99%, 74%)
HSB
hsb(44, 52%, 100%)
CMYK
cmyk(0%, 14%, 52%, 0%)
Oklch
oklch(89.9% 0.122 89.3)

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

#B7999B

Peach Pink · DarkGray · Coral Red

HEX
#B7999B
RGB
rgb(183, 153, 155)
HSL
hsl(356, 17%, 66%)
HSB
hsb(356, 16%, 72%)
CMYK
cmyk(0%, 16%, 15%, 28%)
Oklch
oklch(71.1% 0.036 13.5)

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

#291E18

Tangerine · Black · Cinnamon

HEX
#291E18
RGB
rgb(41, 30, 24)
HSL
hsl(21, 26%, 13%)
HSB
hsb(21, 41%, 16%)
CMYK
cmyk(0%, 27%, 41%, 84%)
Oklch
oklch(24.6% 0.021 50.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

565364
616454

Analogous

545964
565364
5F5464

Triadic

565364
645754
546457

Split-Comp.

565364
645F54
596454

Tetradic

565364
645459
616454
54645F

Contrast Matrix WCAG 2.1 Contrast

565364
C9AE79
FEDA7A
B7999B
291E18
—
3.5
AA Large
5.5
AA
2.9
Fail
2.2
Fail
3.5
AA Large
—
1.6
Fail
1.2
Fail
7.6
AAA
5.5
AA
1.6
Fail
—
1.9
Fail
12.0
AAA
2.9
Fail
1.2
Fail
1.9
Fail
—
6.2
AA
2.2
Fail
7.6
AAA
12.0
AAA
6.2
AA
—
White BG
7.5AAA
2.1Fail
1.4Fail
2.6Fail
16.2AAA
Black BG
2.8Fail
9.8AAA
15.5AAA
8.0AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

555560
BDBD86
EEEE91
AAAA9B
242419

Deuteranopia

55555F
BFC189
F1F397
ACAE9A
25261A

Tritanopia

565D5C
C89092
FCA4A8
B69A9A
281B1B

Achromatopsia

565656
B0B0B0
DADADA
A2A2A2
212121

Shades & Tints Shades & Tints

#565364

Dark
Light

#C9AE79

Dark
Light

#FEDA7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #565364;
  --color-2: #c9ae79;
  --color-3: #feda7a;
  --color-4: #b7999b;
  --color-5: #291e18;
}

SCSS

$color-1: #565364;
$color-2: #c9ae79;
$color-3: #feda7a;
$color-4: #b7999b;
$color-5: #291e18;

TAILWIND

colors: {
  'brand-1': '#565364',
  'brand-2': '#c9ae79',
  'brand-3': '#feda7a',
  'brand-4': '#b7999b',
  'brand-5': '#291e18',
}

RGB Array

[86, 83, 100], [201, 174, 121], [254, 218, 122], [183, 153, 155], [41, 30, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #565364, #C9AE79, #FEDA7A, #B7999B, #291E18 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: #565364; --color-2: #c9ae79; --color-3: #feda7a; --color-4: #b7999b; --color-5: #291e18. 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