← Back to Editor

#2D2021 · #474842 · #837A47 · #A38954 · #6B5742

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#2D2021

Crimson · Black · Deep Berry

HEX
#2D2021
RGB
rgb(45, 32, 33)
HSL
hsl(355, 17%, 15%)
HSB
hsb(355, 29%, 18%)
CMYK
cmyk(0%, 29%, 27%, 82%)
Oklch
oklch(26.0% 0.020 13.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#474842

Dark Cyan · DarkSlateGray · Charcoal

HEX
#474842
RGB
rgb(71, 72, 66)
HSL
hsl(70, 4%, 27%)
HSB
hsb(70, 8%, 28%)
CMYK
cmyk(1%, 0%, 8%, 72%)
Oklch
oklch(39.9% 0.010 114.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#837A47

Autumn Sage · DimGray · Honey Gold

HEX
#837A47
RGB
rgb(131, 122, 71)
HSL
hsl(51, 30%, 40%)
HSB
hsb(51, 46%, 51%)
CMYK
cmyk(0%, 7%, 46%, 49%)
Oklch
oklch(57.5% 0.071 99.5)

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

#A38954

Ochre · Gray · Honey Gold

HEX
#A38954
RGB
rgb(163, 137, 84)
HSL
hsl(40, 32%, 48%)
HSB
hsb(40, 48%, 64%)
CMYK
cmyk(0%, 16%, 48%, 36%)
Oklch
oklch(64.2% 0.078 84.2)

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

#6B5742

Ochre · DarkOliveGreen · Amber Brown

HEX
#6B5742
RGB
rgb(107, 87, 66)
HSL
hsl(31, 24%, 34%)
HSB
hsb(31, 38%, 42%)
CMYK
cmyk(0%, 19%, 38%, 58%)
Oklch
oklch(47.1% 0.041 67.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D2021
202D2C

Analogous

2D2027
2D2021
2D2520

Triadic

2D2021
212D20
20212D

Split-Comp.

2D2021
202D25
20272D

Tetradic

2D2021
272D20
202D2C
25202D

Contrast Matrix WCAG 2.1 Contrast

2D2021
474842
837A47
A38954
6B5742
—
1.7
Fail
3.6
AA Large
4.7
AA
2.3
Fail
1.7
Fail
—
2.1
Fail
2.8
Fail
1.3
Fail
3.6
AA Large
2.1
Fail
—
1.3
Fail
1.6
Fail
4.7
AA
2.8
Fail
1.3
Fail
—
2.0
Fail
2.3
Fail
1.3
Fail
1.6
Fail
2.0
Fail
—
White BG
15.7AAA
9.2AAA
4.3AA Large
3.4AA Large
6.8AA
Black BG
1.3Fail
2.3Fail
4.8AA
6.3AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

272721
474743
7F7F53
989861
626247

Deuteranopia

282921
474744
808056
999B64
646548

Tritanopia

2C2121
474545
835D5F
A26B6D
6A4B4C

Achromatopsia

242424
474747
777777
8B8B8B
5B5B5B

Shades & Tints Shades & Tints

#2D2021

Dark
Light

#474842

Dark
Light

#837A47

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d2021;
  --color-2: #474842;
  --color-3: #837a47;
  --color-4: #a38954;
  --color-5: #6b5742;
}

SCSS

$color-1: #2d2021;
$color-2: #474842;
$color-3: #837a47;
$color-4: #a38954;
$color-5: #6b5742;

TAILWIND

colors: {
  'brand-1': '#2d2021',
  'brand-2': '#474842',
  'brand-3': '#837a47',
  'brand-4': '#a38954',
  'brand-5': '#6b5742',
}

RGB Array

[45, 32, 33], [71, 72, 66], [131, 122, 71], [163, 137, 84], [107, 87, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #2D2021, #474842, #837A47, #A38954, #6B5742 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. 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: #2d2021; --color-2: #474842; --color-3: #837a47; --color-4: #a38954; --color-5: #6b5742. 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. 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 luxury-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