← Back to Editor

#2E1333 · #3C333A · #473C49 · #59485C · #5F4E61

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 ThemeCorporate

Color Details Color Details

#2E1333

Dark Plum · MidnightBlue · Dark Purple

HEX
#2E1333
RGB
rgb(46, 19, 51)
HSL
hsl(291, 46%, 14%)
HSB
hsb(291, 63%, 20%)
CMYK
cmyk(10%, 63%, 0%, 80%)
Oklch
oklch(24.3% 0.068 321.2)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#3C333A

Rose Purple · DarkSlateGray · Dark Stone

HEX
#3C333A
RGB
rgb(60, 51, 58)
HSL
hsl(313, 8%, 22%)
HSB
hsb(313, 15%, 24%)
CMYK
cmyk(0%, 15%, 3%, 76%)
Oklch
oklch(33.3% 0.017 333.6)

Traditional「Rose Purple」· Paint「Dark Stone」· Creative Midnight Shadow

#473C49

Dark Plum · DarkSlateGray · Eggplant

HEX
#473C49
RGB
rgb(71, 60, 73)
HSL
hsl(291, 10%, 26%)
HSB
hsb(291, 18%, 29%)
CMYK
cmyk(3%, 18%, 0%, 71%)
Oklch
oklch(37.3% 0.026 321.1)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#59485C

Dark Plum · DimGray · Eggplant

HEX
#59485C
RGB
rgb(89, 72, 92)
HSL
hsl(291, 12%, 32%)
HSB
hsb(291, 22%, 36%)
CMYK
cmyk(3%, 22%, 0%, 64%)
Oklch
oklch(42.7% 0.039 321.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#5F4E61

Dark Plum · DimGray · Eggplant

HEX
#5F4E61
RGB
rgb(95, 78, 97)
HSL
hsl(294, 11%, 34%)
HSB
hsb(294, 20%, 38%)
CMYK
cmyk(2%, 20%, 0%, 62%)
Oklch
oklch(44.8% 0.037 322.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E1333
183413

Analogous

1F1334
2E1333
341329

Triadic

2E1333
342F13
13342F

Split-Comp.

2E1333
293413
13341F

Tetradic

2E1333
341F13
183413
132934

Contrast Matrix WCAG 2.1 Contrast

2E1333
3C333A
473C49
59485C
5F4E61
—
1.4
Fail
1.6
Fail
2.0
Fail
2.2
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
1.6
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
2.2
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
White BG
16.7AAA
12.2AAA
10.4AAA
8.4AAA
7.6AAA
Black BG
1.3Fail
1.7Fail
2.0Fail
2.5Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

22222B
383838
424246
525157
58575C

Deuteranopia

242629
393938
434445
535456
595A5B

Tritanopia

2D2524
3C3737
464343
585353
5E5958

Achromatopsia

1F1F1F
363636
414141
4F4F4F
555555

Shades & Tints Shades & Tints

#2E1333

Dark
Light

#3C333A

Dark
Light

#473C49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e1333;
  --color-2: #3c333a;
  --color-3: #473c49;
  --color-4: #59485c;
  --color-5: #5f4e61;
}

SCSS

$color-1: #2e1333;
$color-2: #3c333a;
$color-3: #473c49;
$color-4: #59485c;
$color-5: #5f4e61;

TAILWIND

colors: {
  'brand-1': '#2e1333',
  'brand-2': '#3c333a',
  'brand-3': '#473c49',
  'brand-4': '#59485c',
  'brand-5': '#5f4e61',
}

RGB Array

[46, 19, 51], [60, 51, 58], [71, 60, 73], [89, 72, 92], [95, 78, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E1333, #3C333A, #473C49, #59485C, #5F4E61 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: #2e1333; --color-2: #3c333a; --color-3: #473c49; --color-4: #59485c; --color-5: #5f4e61. 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 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