← Back to Editor

#060604 · #7C8C8C · #A09C91 · #E6D0A7 · #F8E1B5

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

#060604

Autumn Sage · Black · Amber Gold

HEX
#060604
RGB
rgb(6, 6, 4)
HSL
hsl(60, 20%, 2%)
HSB
hsb(60, 33%, 2%)
CMYK
cmyk(0%, 0%, 33%, 98%)
Oklch
oklch(12.1% 0.007 107.3)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#7C8C8C

Ash · LightSlateGray · Warm Gray

HEX
#7C8C8C
RGB
rgb(124, 140, 140)
HSL
hsl(180, 7%, 52%)
HSB
hsb(180, 11%, 55%)
CMYK
cmyk(11%, 0%, 0%, 45%)
Oklch
oklch(62.7% 0.019 196.7)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#A09C91

Ash · DarkGray · Silver Sand

HEX
#A09C91
RGB
rgb(160, 156, 145)
HSL
hsl(44, 7%, 60%)
HSB
hsb(44, 9%, 63%)
CMYK
cmyk(0%, 2%, 9%, 37%)
Oklch
oklch(69.3% 0.016 90.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#E6D0A7

Goose Yellow · Wheat · Peach Orange

HEX
#E6D0A7
RGB
rgb(230, 208, 167)
HSL
hsl(39, 56%, 78%)
HSB
hsb(39, 27%, 90%)
CMYK
cmyk(0%, 10%, 27%, 10%)
Oklch
oklch(86.6% 0.059 83.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F8E1B5

Goose Yellow · Wheat · Peach Orange

HEX
#F8E1B5
RGB
rgb(248, 225, 181)
HSL
hsl(39, 83%, 84%)
HSB
hsb(39, 27%, 97%)
CMYK
cmyk(0%, 9%, 27%, 3%)
Oklch
oklch(91.8% 0.063 83.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

060604
040406

Analogous

060504
060604
050604

Triadic

060604
040606
060406

Split-Comp.

060604
040506
050406

Tetradic

060604
040605
040406
060405

Contrast Matrix WCAG 2.1 Contrast

060604
7C8C8C
A09C91
E6D0A7
F8E1B5
—
5.8
AA
7.4
AAA
13.5
AAA
15.9
AAA
5.8
AA
—
1.3
Fail
2.3
Fail
2.7
Fail
7.4
AAA
1.3
Fail
—
1.8
Fail
2.1
Fail
13.5
AAA
2.3
Fail
1.8
Fail
—
1.2
Fail
15.9
AAA
2.7
Fail
2.1
Fail
1.2
Fail
—
White BG
20.3AAA
3.5AA Large
2.7Fail
1.5Fail
1.3Fail
Black BG
1.0Fail
6.0AA
7.7AAA
13.9AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

060604
83838C
9E9E94
DCDCB1
EEEEC0

Deuteranopia

060605
82818C
9F9F94
DEDFB3
EFF1C2

Tritanopia

060505
7D8C8C
A09696
E5B9BA
F7C8CA

Achromatopsia

060606
878787
9C9C9C
D2D2D2
E3E3E3

Shades & Tints Shades & Tints

#060604

Dark
Light

#7C8C8C

Dark
Light

#A09C91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #060604;
  --color-2: #7c8c8c;
  --color-3: #a09c91;
  --color-4: #e6d0a7;
  --color-5: #f8e1b5;
}

SCSS

$color-1: #060604;
$color-2: #7c8c8c;
$color-3: #a09c91;
$color-4: #e6d0a7;
$color-5: #f8e1b5;

TAILWIND

colors: {
  'brand-1': '#060604',
  'brand-2': '#7c8c8c',
  'brand-3': '#a09c91',
  'brand-4': '#e6d0a7',
  'brand-5': '#f8e1b5',
}

RGB Array

[6, 6, 4], [124, 140, 140], [160, 156, 145], [230, 208, 167], [248, 225, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #060604, #7C8C8C, #A09C91, #E6D0A7, #F8E1B5 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: #060604; --color-2: #7c8c8c; --color-3: #a09c91; --color-4: #e6d0a7; --color-5: #f8e1b5. 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