← Back to Editor

#463E20 · #020201 · #EED898 · #557972 · #640505

dark

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

#463E20

Ochre · DarkOliveGreen · Amber Gold

HEX
#463E20
RGB
rgb(70, 62, 32)
HSL
hsl(47, 37%, 20%)
HSB
hsb(47, 54%, 27%)
CMYK
cmyk(0%, 11%, 54%, 73%)
Oklch
oklch(36.4% 0.047 94.9)

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

#020201

Autumn Sage · Black · Amber Gold

HEX
#020201
RGB
rgb(2, 2, 1)
HSL
hsl(60, 33%, 1%)
HSB
hsb(60, 50%, 1%)
CMYK
cmyk(0%, 0%, 50%, 99%)
Oklch
oklch(8.3% 0.007 107.9)

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

#EED898

Goose Yellow · Khaki · Lemon Cream

HEX
#EED898
RGB
rgb(238, 216, 152)
HSL
hsl(45, 72%, 76%)
HSB
hsb(45, 36%, 93%)
CMYK
cmyk(0%, 9%, 36%, 7%)
Oklch
oklch(88.6% 0.085 91.3)

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

#557972

Mineral Blue · DimGray · Mint Ice

HEX
#557972
RGB
rgb(85, 121, 114)
HSL
hsl(168, 17%, 40%)
HSB
hsb(168, 30%, 47%)
CMYK
cmyk(30%, 0%, 6%, 53%)
Oklch
oklch(54.7% 0.042 181.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#640505

Vermilion · Maroon · Wine Red

HEX
#640505
RGB
rgb(100, 5, 5)
HSL
hsl(0, 90%, 21%)
HSB
hsb(0, 95%, 39%)
CMYK
cmyk(0%, 95%, 95%, 61%)
Oklch
oklch(32.0% 0.126 28.3)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

463E20
202846

Analogous

462B20
463E20
3B4620

Triadic

463E20
20463E
3E2046

Split-Comp.

463E20
203B46
2B2046

Tetradic

463E20
20462B
202846
46203B

Contrast Matrix WCAG 2.1 Contrast

463E20
020201
EED898
557972
640505
—
1.9
Fail
7.6
AAA
2.2
Fail
1.3
Fail
1.9
Fail
—
14.7
AAA
4.3
AA Large
1.5
Fail
7.6
AAA
14.7
AAA
—
3.4
AA Large
9.5
AAA
2.2
Fail
4.3
AA Large
3.4
AA Large
—
2.8
Fail
1.3
Fail
1.5
Fail
9.5
AAA
2.8
Fail
—
White BG
10.7AAA
20.8AAA
1.4Fail
4.8AA
13.4AAA
Black BG
2.0Fail
1.0Fail
14.9AAA
4.4AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

434227
020201
E4E4A7
656574
3B3A05

Deuteranopia

434429
020201
E6E7AB
636074
404805

Tritanopia

462D2E
020101
EDB4B6
577575
5F0505

Achromatopsia

3D3D3D
020202
D7D7D7
6D6D6D
212121

Shades & Tints Shades & Tints

#463E20

Dark
Light

#020201

Dark
Light

#EED898

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #463e20;
  --color-2: #020201;
  --color-3: #eed898;
  --color-4: #557972;
  --color-5: #640505;
}

SCSS

$color-1: #463e20;
$color-2: #020201;
$color-3: #eed898;
$color-4: #557972;
$color-5: #640505;

TAILWIND

colors: {
  'brand-1': '#463e20',
  'brand-2': '#020201',
  'brand-3': '#eed898',
  'brand-4': '#557972',
  'brand-5': '#640505',
}

RGB Array

[70, 62, 32], [2, 2, 1], [238, 216, 152], [85, 121, 114], [100, 5, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #463E20, #020201, #EED898, #557972, #640505 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: #463e20; --color-2: #020201; --color-3: #eed898; --color-4: #557972; --color-5: #640505. 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 dark-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