← Back to Editor

#362838 · #3A354A · #523D57 · #87344F · #91434F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#362838

Dark Plum · DarkSlateGray · Dark Purple

HEX
#362838
RGB
rgb(54, 40, 56)
HSL
hsl(293, 17%, 19%)
HSB
hsb(293, 29%, 22%)
CMYK
cmyk(4%, 29%, 0%, 78%)
Oklch
oklch(30.0% 0.034 322.2)

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

#3A354A

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#3A354A
RGB
rgb(58, 53, 74)
HSL
hsl(254, 17%, 25%)
HSB
hsb(254, 28%, 29%)
CMYK
cmyk(22%, 28%, 0%, 71%)
Oklch
oklch(34.3% 0.037 295.3)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#523D57

Dark Plum · DarkSlateGray · Eggplant

HEX
#523D57
RGB
rgb(82, 61, 87)
HSL
hsl(288, 18%, 29%)
HSB
hsb(288, 30%, 34%)
CMYK
cmyk(6%, 30%, 0%, 66%)
Oklch
oklch(39.3% 0.051 319.8)

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

#87344F

Dark Violet · Brown · Camellia

HEX
#87344F
RGB
rgb(135, 52, 79)
HSL
hsl(340, 44%, 37%)
HSB
hsb(340, 61%, 53%)
CMYK
cmyk(0%, 61%, 41%, 47%)
Oklch
oklch(44.9% 0.117 2.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#91434F

Crimson · Sienna · Passion Red

HEX
#91434F
RGB
rgb(145, 67, 79)
HSL
hsl(351, 37%, 42%)
HSB
hsb(351, 54%, 57%)
CMYK
cmyk(0%, 54%, 46%, 43%)
Oklch
oklch(48.7% 0.106 12.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

362838
2A3928

Analogous

2F2839
362838
392832

Triadic

362838
393728
283937

Split-Comp.

362838
323928
28392F

Tetradic

362838
392F28
2A3928
283239

Contrast Matrix WCAG 2.1 Contrast

362838
3A354A
523D57
87344F
91434F
—
1.2
Fail
1.4
Fail
1.7
Fail
2.1
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.1
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
13.8AAA
11.7AAA
9.7AAA
8.0AAA
6.7AA
Black BG
1.5Fail
1.8Fail
2.2Fail
2.6Fail
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

303034
383845
494951
636248
6F6F4C

Deuteranopia

313233
383844
4A4C4F
686E47
747A4B

Tritanopia

353130
3A4140
514C4B
834342
8D4A49

Achromatopsia

2E2E2E
393939
464646
505050
5C5C5C

Shades & Tints Shades & Tints

#362838

Dark
Light

#3A354A

Dark
Light

#523D57

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #362838;
  --color-2: #3a354a;
  --color-3: #523d57;
  --color-4: #87344f;
  --color-5: #91434f;
}

SCSS

$color-1: #362838;
$color-2: #3a354a;
$color-3: #523d57;
$color-4: #87344f;
$color-5: #91434f;

TAILWIND

colors: {
  'brand-1': '#362838',
  'brand-2': '#3a354a',
  'brand-3': '#523d57',
  'brand-4': '#87344f',
  'brand-5': '#91434f',
}

RGB Array

[54, 40, 56], [58, 53, 74], [82, 61, 87], [135, 52, 79], [145, 67, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #362838, #3A354A, #523D57, #87344F, #91434F 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: #362838; --color-2: #3a354a; --color-3: #523d57; --color-4: #87344f; --color-5: #91434f. 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