← Back to Editor

#0D010F · #161221 · #2E2C2D · #5D5F49 · #D9BF8C

A 5-color palette 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

#0D010F

Royal Purple · Black · Dark Purple

HEX
#0D010F
RGB
rgb(13, 1, 15)
HSL
hsl(291, 88%, 3%)
HSB
hsb(291, 93%, 6%)
CMYK
cmyk(13%, 93%, 0%, 94%)
Oklch
oklch(11.8% 0.047 323.5)

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

#161221

Deep Indigo · Black · Deep Sea Blue

HEX
#161221
RGB
rgb(22, 18, 33)
HSL
hsl(256, 29%, 10%)
HSB
hsb(256, 45%, 13%)
CMYK
cmyk(33%, 45%, 0%, 87%)
Oklch
oklch(19.5% 0.030 295.7)

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

#2E2C2D

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2E2C2D
RGB
rgb(46, 44, 45)
HSL
hsl(330, 2%, 18%)
HSB
hsb(330, 4%, 18%)
CMYK
cmyk(0%, 4%, 2%, 82%)
Oklch
oklch(29.6% 0.003 345.4)

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

#5D5F49

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#5D5F49
RGB
rgb(93, 95, 73)
HSL
hsl(65, 13%, 33%)
HSB
hsb(65, 23%, 37%)
CMYK
cmyk(2%, 0%, 23%, 63%)
Oklch
oklch(47.7% 0.034 111.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#D9BF8C

Ginger · BurlyWood · Sunflower

HEX
#D9BF8C
RGB
rgb(217, 191, 140)
HSL
hsl(40, 50%, 70%)
HSB
hsb(40, 35%, 85%)
CMYK
cmyk(0%, 12%, 35%, 15%)
Oklch
oklch(81.5% 0.073 83.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0D010F
030E01

Analogous

06010E
0D010F
0E010A

Triadic

0D010F
0E0C01
010E0C

Split-Comp.

0D010F
0A0E01
010E06

Tetradic

0D010F
0E0601
030E01
010A0E

Contrast Matrix WCAG 2.1 Contrast

0D010F
161221
2E2C2D
5D5F49
D9BF8C
—
1.1
Fail
1.5
Fail
3.1
AA Large
11.5
AAA
1.1
Fail
—
1.3
Fail
2.8
Fail
10.3
AAA
1.5
Fail
1.3
Fail
—
2.1
Fail
7.8
AAA
3.1
AA Large
2.8
Fail
2.1
Fail
—
3.7
AA Large
11.5
AAA
10.3
AAA
7.8
AAA
3.7
AA Large
—
White BG
20.4AAA
18.4AAA
13.9AAA
6.6AA
1.8Fail
Black BG
1.0Fail
1.1Fail
1.5Fail
3.2AA Large
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

08080C
14141D
2D2D2D
5E5E4E
CECE98

Deuteranopia

09090B
15151C
2D2D2D
5E5E50
CFD19B

Tritanopia

0C0908
161B1A
2E2D2D
5D5353
D8A2A4

Achromatopsia

060606
151515
2D2D2D
5C5C5C
C1C1C1

Shades & Tints Shades & Tints

#0D010F

Dark
Light

#161221

Dark
Light

#2E2C2D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0d010f;
  --color-2: #161221;
  --color-3: #2e2c2d;
  --color-4: #5d5f49;
  --color-5: #d9bf8c;
}

SCSS

$color-1: #0d010f;
$color-2: #161221;
$color-3: #2e2c2d;
$color-4: #5d5f49;
$color-5: #d9bf8c;

TAILWIND

colors: {
  'brand-1': '#0d010f',
  'brand-2': '#161221',
  'brand-3': '#2e2c2d',
  'brand-4': '#5d5f49',
  'brand-5': '#d9bf8c',
}

RGB Array

[13, 1, 15], [22, 18, 33], [46, 44, 45], [93, 95, 73], [217, 191, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0D010F, #161221, #2E2C2D, #5D5F49, #D9BF8C is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0d010f; --color-2: #161221; --color-3: #2e2c2d; --color-4: #5d5f49; --color-5: #d9bf8c. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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