← Back to Editor

#080800 · #394231 · #526342 · #A58431 · #F2D649

A 5-color palette 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

#080800

Autumn Sage · Black · Amber Gold

HEX
#080800
RGB
rgb(8, 8, 0)
HSL
hsl(60, 100%, 2%)
HSB
hsb(60, 100%, 3%)
CMYK
cmyk(0%, 0%, 100%, 97%)
Oklch
oklch(13.0% 0.028 109.8)

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

#394231

Celadon · DarkSlateGray · Forest Green

HEX
#394231
RGB
rgb(57, 66, 49)
HSL
hsl(92, 15%, 23%)
HSB
hsb(92, 26%, 26%)
CMYK
cmyk(14%, 0%, 26%, 74%)
Oklch
oklch(36.5% 0.031 130.5)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#526342

Celadon · DarkOliveGreen · Forest Green

HEX
#526342
RGB
rgb(82, 99, 66)
HSL
hsl(91, 20%, 32%)
HSB
hsb(91, 33%, 39%)
CMYK
cmyk(17%, 0%, 33%, 61%)
Oklch
oklch(47.6% 0.055 130.4)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#A58431

Ochre · DarkGoldenRod · Honey Gold

HEX
#A58431
RGB
rgb(165, 132, 49)
HSL
hsl(43, 54%, 42%)
HSB
hsb(43, 70%, 65%)
CMYK
cmyk(0%, 20%, 70%, 35%)
Oklch
oklch(62.9% 0.107 86.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F2D649

Fresh Green · SandyBrown · Sunflower

HEX
#F2D649
RGB
rgb(242, 214, 73)
HSL
hsl(50, 87%, 62%)
HSB
hsb(50, 70%, 95%)
CMYK
cmyk(0%, 12%, 70%, 5%)
Oklch
oklch(87.5% 0.157 97.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080800
00000A

Analogous

0A0500
080800
050A00

Triadic

080800
000A0A
0A000A

Split-Comp.

080800
00050A
05000A

Tetradic

080800
000A05
00000A
0A0005

Contrast Matrix WCAG 2.1 Contrast

080800
394231
526342
A58431
F2D649
—
1.9
Fail
3.1
AA Large
5.7
AA
13.9
AAA
1.9
Fail
—
1.6
Fail
3.0
Fail
7.3
AAA
3.1
AA Large
1.6
Fail
—
1.8
Fail
4.5
AA Large
5.7
AA
3.0
Fail
1.8
Fail
—
2.4
Fail
13.9
AAA
7.3
AAA
4.5
AA Large
2.4
Fail
—
White BG
20.1AAA
10.5AAA
6.5AA
3.5AA Large
1.4Fail
Black BG
1.0Fail
2.0Fail
3.2AA Large
5.9AA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

080802
3D3D35
595A4A
979645
E6E66B

Deuteranopia

080802
3C3C36
58574C
999B4A
E8EA73

Tritanopia

080304
393839
535052
A35558
F1868C

Achromatopsia

070707
3D3D3D
5A5A5A
848484
CECECE

Shades & Tints Shades & Tints

#080800

Dark
Light

#394231

Dark
Light

#526342

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080800;
  --color-2: #394231;
  --color-3: #526342;
  --color-4: #a58431;
  --color-5: #f2d649;
}

SCSS

$color-1: #080800;
$color-2: #394231;
$color-3: #526342;
$color-4: #a58431;
$color-5: #f2d649;

TAILWIND

colors: {
  'brand-1': '#080800',
  'brand-2': '#394231',
  'brand-3': '#526342',
  'brand-4': '#a58431',
  'brand-5': '#f2d649',
}

RGB Array

[8, 8, 0], [57, 66, 49], [82, 99, 66], [165, 132, 49], [242, 214, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #080800, #394231, #526342, #A58431, #F2D649 is ideal for: tech websites, dark mode UIs, game UIs, 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: #080800; --color-2: #394231; --color-3: #526342; --color-4: #a58431; --color-5: #f2d649. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 general-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