← Back to Editor

#2A262D · #423A49 · #5A4E65 · #6B5D6F · #70636B

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

#2A262D

Dark Plum · DarkSlateGray · Dark Stone

HEX
#2A262D
RGB
rgb(42, 38, 45)
HSL
hsl(274, 8%, 16%)
HSB
hsb(274, 16%, 18%)
CMYK
cmyk(7%, 16%, 0%, 82%)
Oklch
oklch(27.6% 0.014 310.8)

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

#423A49

Dark Plum · DarkSlateGray · Eggplant

HEX
#423A49
RGB
rgb(66, 58, 73)
HSL
hsl(272, 11%, 26%)
HSB
hsb(272, 21%, 29%)
CMYK
cmyk(10%, 21%, 0%, 71%)
Oklch
oklch(36.3% 0.027 309.0)

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

#5A4E65

Dark Plum · DimGray · Eggplant

HEX
#5A4E65
RGB
rgb(90, 78, 101)
HSL
hsl(271, 13%, 35%)
HSB
hsb(271, 23%, 40%)
CMYK
cmyk(11%, 23%, 0%, 60%)
Oklch
oklch(44.5% 0.040 308.4)

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

#6B5D6F

Dark Plum · DimGray · Charcoal

HEX
#6B5D6F
RGB
rgb(107, 93, 111)
HSL
hsl(287, 9%, 40%)
HSB
hsb(287, 16%, 44%)
CMYK
cmyk(4%, 16%, 0%, 56%)
Oklch
oklch(49.8% 0.033 318.7)

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

#70636B

Ink Gray · DimGray · Warm Gray

HEX
#70636B
RGB
rgb(112, 99, 107)
HSL
hsl(323, 6%, 41%)
HSB
hsb(323, 12%, 44%)
CMYK
cmyk(0%, 12%, 4%, 56%)
Oklch
oklch(51.5% 0.020 340.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A262D
282C26

Analogous

26262C
2A262D
2C262C

Triadic

2A262D
2C2926
262C29

Split-Comp.

2A262D
2C2C26
262C26

Tetradic

2A262D
2C2626
282C26
262C2C

Contrast Matrix WCAG 2.1 Contrast

2A262D
423A49
5A4E65
6B5D6F
70636B
—
1.4
Fail
1.9
Fail
2.4
Fail
2.6
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.9
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
1.4
Fail
2.4
Fail
1.8
Fail
1.3
Fail
—
1.1
Fail
2.6
Fail
1.9
Fail
1.4
Fail
1.1
Fail
—
White BG
14.9AAA
10.9AAA
7.7AAA
6.1AA
5.7AA
Black BG
1.4Fail
1.9Fail
2.7Fail
3.4AA Large
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

28282B
3F3E45
55555F
65656B
6A6A69

Deuteranopia

29292B
3F4045
56565E
66676A
6B6C69

Tritanopia

2A2A2A
424342
595B5A
6A6766
6F6867

Achromatopsia

282828
3E3E3E
545454
636363
686868

Shades & Tints Shades & Tints

#2A262D

Dark
Light

#423A49

Dark
Light

#5A4E65

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a262d;
  --color-2: #423a49;
  --color-3: #5a4e65;
  --color-4: #6b5d6f;
  --color-5: #70636b;
}

SCSS

$color-1: #2a262d;
$color-2: #423a49;
$color-3: #5a4e65;
$color-4: #6b5d6f;
$color-5: #70636b;

TAILWIND

colors: {
  'brand-1': '#2a262d',
  'brand-2': '#423a49',
  'brand-3': '#5a4e65',
  'brand-4': '#6b5d6f',
  'brand-5': '#70636b',
}

RGB Array

[42, 38, 45], [66, 58, 73], [90, 78, 101], [107, 93, 111], [112, 99, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A262D, #423A49, #5A4E65, #6B5D6F, #70636B 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: #2a262d; --color-2: #423a49; --color-3: #5a4e65; --color-4: #6b5d6f; --color-5: #70636b. 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