← Back to Editor

#423D37 · #080808 · #6E6D51 · #A19048 · #D6CDB0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#423D37

Ochre · DarkSlateGray · Dark Stone

HEX
#423D37
RGB
rgb(66, 61, 55)
HSL
hsl(33, 9%, 24%)
HSB
hsb(33, 17%, 26%)
CMYK
cmyk(0%, 8%, 17%, 74%)
Oklch
oklch(36.3% 0.012 72.4)

Traditional「Ochre」· Paint「Dark Stone」· Creative Midnight Shadow

#080808

Ink Black · Black · Jet Black

HEX
#080808
RGB
rgb(8, 8, 8)
HSL
hsl(0, 0%, 3%)
HSB
hsb(0, 0%, 3%)
CMYK
cmyk(0%, 0%, 0%, 97%)
Oklch
oklch(13.4% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#6E6D51

Autumn Sage · DimGray · Honey Gold

HEX
#6E6D51
RGB
rgb(110, 109, 81)
HSL
hsl(58, 15%, 37%)
HSB
hsb(58, 26%, 43%)
CMYK
cmyk(0%, 1%, 26%, 57%)
Oklch
oklch(52.8% 0.042 106.0)

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

#A19048

Ochre · DarkGoldenRod · Honey Gold

HEX
#A19048
RGB
rgb(161, 144, 72)
HSL
hsl(49, 38%, 46%)
HSB
hsb(49, 55%, 63%)
CMYK
cmyk(0%, 11%, 55%, 37%)
Oklch
oklch(65.3% 0.095 96.3)

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

#D6CDB0

Goose Yellow · Silver · Lemon Cream

HEX
#D6CDB0
RGB
rgb(214, 205, 176)
HSL
hsl(46, 32%, 76%)
HSB
hsb(46, 18%, 84%)
CMYK
cmyk(0%, 4%, 18%, 16%)
Oklch
oklch(84.8% 0.040 92.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

423D37
383D43

Analogous

433838
423D37
424338

Triadic

423D37
38433E
3E3843

Split-Comp.

423D37
384243
383843

Tetradic

423D37
384338
383D43
433842

Contrast Matrix WCAG 2.1 Contrast

423D37
080808
6E6D51
A19048
D6CDB0
—
1.9
Fail
2.0
Fail
3.4
AA Large
6.8
AA
1.9
Fail
—
3.8
AA Large
6.3
AA
12.6
AAA
2.0
Fail
3.8
AA Large
—
1.7
Fail
3.3
AA Large
3.4
AA Large
6.3
AA
1.7
Fail
—
2.0
Fail
6.8
AA
12.6
AAA
3.3
AA Large
2.0
Fail
—
White BG
10.7AAA
20.0AAA
5.3AA
3.2AA Large
1.6Fail
Black BG
2.0Fail
1.0Fail
4.0AA Large
6.6AA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

404038
080808
6E6E58
9A9959
D2D2B7

Deuteranopia

404139
080808
6E6E59
9B9C5E
D3D3B9

Tritanopia

423A3A
080808
6E5D5E
A0676A
D6BDBE

Achromatopsia

3E3E3E
080808
6A6A6A
8D8D8D
CCCCCC

Shades & Tints Shades & Tints

#423D37

Dark
Light

#080808

Dark
Light

#6E6D51

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #423d37;
  --color-2: #080808;
  --color-3: #6e6d51;
  --color-4: #a19048;
  --color-5: #d6cdb0;
}

SCSS

$color-1: #423d37;
$color-2: #080808;
$color-3: #6e6d51;
$color-4: #a19048;
$color-5: #d6cdb0;

TAILWIND

colors: {
  'brand-1': '#423d37',
  'brand-2': '#080808',
  'brand-3': '#6e6d51',
  'brand-4': '#a19048',
  'brand-5': '#d6cdb0',
}

RGB Array

[66, 61, 55], [8, 8, 8], [110, 109, 81], [161, 144, 72], [214, 205, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #423D37, #080808, #6E6D51, #A19048, #D6CDB0 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #423d37; --color-2: #080808; --color-3: #6e6d51; --color-4: #a19048; --color-5: #d6cdb0. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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