← Back to Editor

#010203 · #232323 · #941010 · #D4D2D0 · #F0EFEC

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#010203

Indigo · Black · Deep Sea Blue

HEX
#010203
RGB
rgb(1, 2, 3)
HSL
hsl(210, 50%, 1%)
HSB
hsb(210, 67%, 1%)
CMYK
cmyk(67%, 33%, 0%, 99%)
Oklch
oklch(8.2% 0.008 240.8)

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

#232323

Ink Black · Black · Dark Stone

HEX
#232323
RGB
rgb(35, 35, 35)
HSL
hsl(0, 0%, 14%)
HSB
hsb(0, 0%, 14%)
CMYK
cmyk(0%, 0%, 0%, 86%)
Oklch
oklch(25.6% 0.000 89.9)

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

#941010

Vermilion · DarkRed · Wine Red

HEX
#941010
RGB
rgb(148, 16, 16)
HSL
hsl(0, 80%, 32%)
HSB
hsb(0, 89%, 58%)
CMYK
cmyk(0%, 89%, 89%, 42%)
Oklch
oklch(42.6% 0.164 27.9)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#D4D2D0

Silver Gray · LightGray · Pearl Gray

HEX
#D4D2D0
RGB
rgb(212, 210, 208)
HSL
hsl(30, 4%, 82%)
HSB
hsb(30, 2%, 83%)
CMYK
cmyk(0%, 1%, 2%, 17%)
Oklch
oklch(86.5% 0.004 67.8)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#F0EFEC

Goose Yellow · Linen · Lemon Cream

HEX
#F0EFEC
RGB
rgb(240, 239, 236)
HSL
hsl(45, 12%, 93%)
HSB
hsb(45, 2%, 94%)
CMYK
cmyk(0%, 0%, 2%, 6%)
Oklch
oklch(95.2% 0.004 91.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

010203
040301

Analogous

010404
010203
010104

Triadic

010203
040103
030401

Split-Comp.

010203
040101
040401

Tetradic

010203
040104
040301
010401

Contrast Matrix WCAG 2.1 Contrast

010203
232323
941010
D4D2D0
F0EFEC
—
1.3
Fail
2.3
Fail
13.8
AAA
18.1
AAA
1.3
Fail
—
1.8
Fail
10.4
AAA
13.7
AAA
2.3
Fail
1.8
Fail
—
6.0
AA
7.8
AAA
13.8
AAA
10.4
AAA
6.0
AA
—
1.3
Fail
18.1
AAA
13.7
AAA
7.8
AAA
1.3
Fail
—
White BG
20.8AAA
15.7AAA
9.0AAA
1.5Fail
1.1Fail
Black BG
1.0Fail
1.3Fail
2.3Fail
13.9AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

010103
232323
5B5A10
D3D3D0
F0F0ED

Deuteranopia

010103
232323
636C10
D3D3D1
F0F0ED

Tritanopia

010303
232323
8D1010
D4D1D1
F0EDED

Achromatopsia

020202
232323
373737
D2D2D2
EFEFEF

Shades & Tints Shades & Tints

#010203

Dark
Light

#232323

Dark
Light

#941010

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #010203;
  --color-2: #232323;
  --color-3: #941010;
  --color-4: #d4d2d0;
  --color-5: #f0efec;
}

SCSS

$color-1: #010203;
$color-2: #232323;
$color-3: #941010;
$color-4: #d4d2d0;
$color-5: #f0efec;

TAILWIND

colors: {
  'brand-1': '#010203',
  'brand-2': '#232323',
  'brand-3': '#941010',
  'brand-4': '#d4d2d0',
  'brand-5': '#f0efec',
}

RGB Array

[1, 2, 3], [35, 35, 35], [148, 16, 16], [212, 210, 208], [240, 239, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #010203, #232323, #941010, #D4D2D0, #F0EFEC is ideal for: brand design, premium product pages, magazine layouts, 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: #010203; --color-2: #232323; --color-3: #941010; --color-4: #d4d2d0; --color-5: #f0efec. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco 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