← Back to Editor

#2F2B32 · #4B3B4A · #65484B · #7E6152 · #978857

dark

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

#2F2B32

Dark Plum · DarkSlateGray · Dark Stone

HEX
#2F2B32
RGB
rgb(47, 43, 50)
HSL
hsl(274, 8%, 18%)
HSB
hsb(274, 14%, 20%)
CMYK
cmyk(6%, 14%, 0%, 80%)
Oklch
oklch(29.6% 0.014 310.9)

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

#4B3B4A

Rose Purple · DarkSlateGray · Eggplant

HEX
#4B3B4A
RGB
rgb(75, 59, 74)
HSL
hsl(304, 12%, 26%)
HSB
hsb(304, 21%, 29%)
CMYK
cmyk(0%, 21%, 1%, 71%)
Oklch
oklch(37.5% 0.033 328.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#65484B

Crimson · DimGray · Wine Red

HEX
#65484B
RGB
rgb(101, 72, 75)
HSL
hsl(354, 17%, 34%)
HSB
hsb(354, 29%, 40%)
CMYK
cmyk(0%, 29%, 26%, 60%)
Oklch
oklch(43.4% 0.040 12.0)

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

#7E6152

Tangerine · DimGray · Amber Brown

HEX
#7E6152
RGB
rgb(126, 97, 82)
HSL
hsl(20, 21%, 41%)
HSB
hsb(20, 35%, 49%)
CMYK
cmyk(0%, 23%, 35%, 51%)
Oklch
oklch(51.8% 0.044 48.7)

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

#978857

Ochre · Gray · Honey Gold

HEX
#978857
RGB
rgb(151, 136, 87)
HSL
hsl(46, 27%, 47%)
HSB
hsb(46, 42%, 59%)
CMYK
cmyk(0%, 10%, 42%, 41%)
Oklch
oklch(62.8% 0.069 93.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F2B32
2D322A

Analogous

2B2A32
2F2B32
322A31

Triadic

2F2B32
322E2A
2A322E

Split-Comp.

2F2B32
31322A
2A322B

Tetradic

2F2B32
322B2A
2D322A
2A3132

Contrast Matrix WCAG 2.1 Contrast

2F2B32
4B3B4A
65484B
7E6152
978857
—
1.3
Fail
1.7
Fail
2.5
Fail
4.0
AA Large
1.3
Fail
—
1.3
Fail
1.8
Fail
3.0
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
2.3
Fail
2.5
Fail
1.8
Fail
1.4
Fail
—
1.6
Fail
4.0
AA Large
3.0
Fail
2.3
Fail
1.6
Fail
—
White BG
13.9AAA
10.4AAA
8.1AAA
5.6AA
3.5AA Large
Black BG
1.5Fail
2.0Fail
2.6Fail
3.7AA Large
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D30
444446
58584A
717156
919063

Deuteranopia

2E2E30
454646
5A5C4A
737557
919366

Tritanopia

2F2F2F
4A4443
644A4A
7D5859
966C6E

Achromatopsia

2D2D2D
414141
515151
686868
878787

Shades & Tints Shades & Tints

#2F2B32

Dark
Light

#4B3B4A

Dark
Light

#65484B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f2b32;
  --color-2: #4b3b4a;
  --color-3: #65484b;
  --color-4: #7e6152;
  --color-5: #978857;
}

SCSS

$color-1: #2f2b32;
$color-2: #4b3b4a;
$color-3: #65484b;
$color-4: #7e6152;
$color-5: #978857;

TAILWIND

colors: {
  'brand-1': '#2f2b32',
  'brand-2': '#4b3b4a',
  'brand-3': '#65484b',
  'brand-4': '#7e6152',
  'brand-5': '#978857',
}

RGB Array

[47, 43, 50], [75, 59, 74], [101, 72, 75], [126, 97, 82], [151, 136, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #2F2B32, #4B3B4A, #65484B, #7E6152, #978857 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: #2f2b32; --color-2: #4b3b4a; --color-3: #65484b; --color-4: #7e6152; --color-5: #978857. 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 dark-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