← Back to Editor

#1E1C16 · #363939 · #5B5757 · #4B4545 · #2D181D

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

#1E1C16

Ochre · Black · Amber Gold

HEX
#1E1C16
RGB
rgb(30, 28, 22)
HSL
hsl(45, 15%, 10%)
HSB
hsb(45, 27%, 12%)
CMYK
cmyk(0%, 7%, 27%, 88%)
Oklch
oklch(22.7% 0.012 91.8)

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

#363939

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#363939
RGB
rgb(54, 57, 57)
HSL
hsl(180, 3%, 22%)
HSB
hsb(180, 5%, 22%)
CMYK
cmyk(5%, 0%, 0%, 78%)
Oklch
oklch(34.2% 0.004 197.0)

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

#5B5757

Ink Gray · DimGray · Charcoal

HEX
#5B5757
RGB
rgb(91, 87, 87)
HSL
hsl(0, 2%, 35%)
HSB
hsb(0, 4%, 36%)
CMYK
cmyk(0%, 4%, 4%, 64%)
Oklch
oklch(46.1% 0.005 17.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#4B4545

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4B4545
RGB
rgb(75, 69, 69)
HSL
hsl(0, 4%, 28%)
HSB
hsb(0, 8%, 29%)
CMYK
cmyk(0%, 8%, 8%, 71%)
Oklch
oklch(39.6% 0.008 17.5)

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

#2D181D

Crimson · Black · Deep Berry

HEX
#2D181D
RGB
rgb(45, 24, 29)
HSL
hsl(346, 30%, 14%)
HSB
hsb(346, 47%, 18%)
CMYK
cmyk(0%, 47%, 36%, 82%)
Oklch
oklch(24.0% 0.035 4.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E1C16
16181D

Analogous

1D1816
1E1C16
1B1D16

Triadic

1E1C16
161D1B
1B161D

Split-Comp.

1E1C16
161B1D
18161D

Tetradic

1E1C16
161D18
16181D
1D161B

Contrast Matrix WCAG 2.1 Contrast

1E1C16
363939
5B5757
4B4545
2D181D
—
1.5
Fail
2.4
Fail
1.8
Fail
1.0
Fail
1.5
Fail
—
1.6
Fail
1.2
Fail
1.4
Fail
2.4
Fail
1.6
Fail
—
1.3
Fail
2.3
Fail
1.8
Fail
1.2
Fail
1.3
Fail
—
1.8
Fail
1.0
Fail
1.4
Fail
2.3
Fail
1.8
Fail
—
White BG
17.0AAA
11.7AAA
7.1AAA
9.4AAA
16.7AAA
Black BG
1.2Fail
1.8Fail
2.9Fail
2.2Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D17
373739
595957
484845
24241C

Deuteranopia

1D1D18
373739
5A5A57
494945
25271B

Tritanopia

1E1919
363939
5B5757
4B4545
2C1B1B

Achromatopsia

1C1C1C
383838
585858
474747
1F1F1F

Shades & Tints Shades & Tints

#1E1C16

Dark
Light

#363939

Dark
Light

#5B5757

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e1c16;
  --color-2: #363939;
  --color-3: #5b5757;
  --color-4: #4b4545;
  --color-5: #2d181d;
}

SCSS

$color-1: #1e1c16;
$color-2: #363939;
$color-3: #5b5757;
$color-4: #4b4545;
$color-5: #2d181d;

TAILWIND

colors: {
  'brand-1': '#1e1c16',
  'brand-2': '#363939',
  'brand-3': '#5b5757',
  'brand-4': '#4b4545',
  'brand-5': '#2d181d',
}

RGB Array

[30, 28, 22], [54, 57, 57], [91, 87, 87], [75, 69, 69], [45, 24, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1E1C16, #363939, #5B5757, #4B4545, #2D181D 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: #1e1c16; --color-2: #363939; --color-3: #5b5757; --color-4: #4b4545; --color-5: #2d181d. 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