← Back to Editor

#232223 · #3C3C41 · #47433B · #928676 · #E2D3BF

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#232223

Ink Black · Black · Dark Stone

HEX
#232223
RGB
rgb(35, 34, 35)
HSL
hsl(300, 1%, 14%)
HSB
hsb(300, 3%, 14%)
CMYK
cmyk(0%, 3%, 0%, 86%)
Oklch
oklch(25.3% 0.002 325.6)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#3C3C41

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3C3C41
RGB
rgb(60, 60, 65)
HSL
hsl(240, 4%, 25%)
HSB
hsb(240, 8%, 25%)
CMYK
cmyk(8%, 8%, 0%, 75%)
Oklch
oklch(35.8% 0.009 286.0)

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

#47433B

Ochre · DarkSlateGray · Dark Stone

HEX
#47433B
RGB
rgb(71, 67, 59)
HSL
hsl(40, 9%, 25%)
HSB
hsb(40, 17%, 28%)
CMYK
cmyk(0%, 6%, 17%, 72%)
Oklch
oklch(38.4% 0.014 84.6)

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

#928676

Ginger · Gray · Warm Sun

HEX
#928676
RGB
rgb(146, 134, 118)
HSL
hsl(34, 11%, 52%)
HSB
hsb(34, 19%, 57%)
CMYK
cmyk(0%, 8%, 19%, 43%)
Oklch
oklch(62.6% 0.027 75.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E2D3BF

Goose Yellow · LightGray · Peach Orange

HEX
#E2D3BF
RGB
rgb(226, 211, 191)
HSL
hsl(34, 38%, 82%)
HSB
hsb(34, 15%, 89%)
CMYK
cmyk(0%, 7%, 15%, 11%)
Oklch
oklch(87.4% 0.032 75.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

232223
232423

Analogous

242324
232223
242324

Triadic

232223
242423
232424

Split-Comp.

232223
242423
232424

Tetradic

232223
242423
232423
232424

Contrast Matrix WCAG 2.1 Contrast

232223
3C3C41
47433B
928676
E2D3BF
—
1.4
Fail
1.6
Fail
4.4
AA Large
10.8
AAA
1.4
Fail
—
1.1
Fail
3.1
AA Large
7.5
AAA
1.6
Fail
1.1
Fail
—
2.8
Fail
6.7
AA
4.4
AA Large
3.1
AA Large
2.8
Fail
—
2.4
Fail
10.8
AAA
7.5
AAA
6.7
AA
2.4
Fail
—
White BG
15.9AAA
11.0AAA
9.8AAA
3.6AA Large
1.5Fail
Black BG
1.3Fail
1.9Fail
2.1Fail
5.9AA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232323
3C3C40
45453D
8D8D7A
DCDBC4

Deuteranopia

232323
3C3C40
46463D
8E8E7B
DCDEC5

Tritanopia

232323
3C3F3F
473E3F
917D7E
E1C8C9

Achromatopsia

222222
3D3D3D
434343
888888
D5D5D5

Shades & Tints Shades & Tints

#232223

Dark
Light

#3C3C41

Dark
Light

#47433B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #232223;
  --color-2: #3c3c41;
  --color-3: #47433b;
  --color-4: #928676;
  --color-5: #e2d3bf;
}

SCSS

$color-1: #232223;
$color-2: #3c3c41;
$color-3: #47433b;
$color-4: #928676;
$color-5: #e2d3bf;

TAILWIND

colors: {
  'brand-1': '#232223',
  'brand-2': '#3c3c41',
  'brand-3': '#47433b',
  'brand-4': '#928676',
  'brand-5': '#e2d3bf',
}

RGB Array

[35, 34, 35], [60, 60, 65], [71, 67, 59], [146, 134, 118], [226, 211, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #232223, #3C3C41, #47433B, #928676, #E2D3BF is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #232223; --color-2: #3c3c41; --color-3: #47433b; --color-4: #928676; --color-5: #e2d3bf. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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