← Back to Editor

#1B0C29 · #39373B · #D4C187 · #D9D9D9 · #171613

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 ThemeCorporateData Visualization

Color Details Color Details

#1B0C29

Royal Purple · Black · Dark Purple

HEX
#1B0C29
RGB
rgb(27, 12, 41)
HSL
hsl(271, 55%, 10%)
HSB
hsb(271, 71%, 16%)
CMYK
cmyk(34%, 71%, 0%, 84%)
Oklch
oklch(19.4% 0.058 305.5)

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

#39373B

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#39373B
RGB
rgb(57, 55, 59)
HSL
hsl(270, 4%, 22%)
HSB
hsb(270, 7%, 23%)
CMYK
cmyk(3%, 7%, 0%, 77%)
Oklch
oklch(34.0% 0.007 308.2)

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

#D4C187

Ginger · BurlyWood · Sunflower

HEX
#D4C187
RGB
rgb(212, 193, 135)
HSL
hsl(45, 47%, 68%)
HSB
hsb(45, 36%, 83%)
CMYK
cmyk(0%, 9%, 36%, 17%)
Oklch
oklch(81.3% 0.079 92.1)

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

#D9D9D9

Silver Gray · LightGray · Pearl Gray

HEX
#D9D9D9
RGB
rgb(217, 217, 217)
HSL
hsl(0, 0%, 85%)
HSB
hsb(0, 0%, 85%)
CMYK
cmyk(0%, 0%, 0%, 15%)
Oklch
oklch(88.5% 0.000 89.9)

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

#171613

Ochre · Black · Amber Gold

HEX
#171613
RGB
rgb(23, 22, 19)
HSL
hsl(45, 10%, 8%)
HSB
hsb(45, 17%, 9%)
CMYK
cmyk(0%, 4%, 17%, 91%)
Oklch
oklch(20.0% 0.006 91.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B0C29
19280B

Analogous

0C0B28
1B0C29
280B27

Triadic

1B0C29
281A0B
0B281A

Split-Comp.

1B0C29
27280B
0B280C

Tetradic

1B0C29
280C0B
19280B
0B2728

Contrast Matrix WCAG 2.1 Contrast

1B0C29
39373B
D4C187
D9D9D9
171613
—
1.6
Fail
10.4
AAA
13.2
AAA
1.0
Fail
1.6
Fail
—
6.6
AA
8.3
AAA
1.5
Fail
10.4
AAA
6.6
AA
—
1.3
Fail
10.1
AAA
13.2
AAA
8.3
AAA
1.3
Fail
—
12.8
AAA
1.0
Fail
1.5
Fail
10.1
AAA
12.8
AAA
—
White BG
18.6AAA
11.8AAA
1.8Fail
1.4Fail
18.1AAA
Black BG
1.1Fail
1.8Fail
11.8AAA
14.9AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

151422
38383A
CCCC95
D9D9D9
171714

Deuteranopia

151720
38383A
CDCE98
D9D9D9
171714

Tritanopia

1A1C1B
393939
D3A0A3
D9D9D9
171414

Achromatopsia

141414
383838
C0C0C0
D9D9D9
161616

Shades & Tints Shades & Tints

#1B0C29

Dark
Light

#39373B

Dark
Light

#D4C187

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b0c29;
  --color-2: #39373b;
  --color-3: #d4c187;
  --color-4: #d9d9d9;
  --color-5: #171613;
}

SCSS

$color-1: #1b0c29;
$color-2: #39373b;
$color-3: #d4c187;
$color-4: #d9d9d9;
$color-5: #171613;

TAILWIND

colors: {
  'brand-1': '#1b0c29',
  'brand-2': '#39373b',
  'brand-3': '#d4c187',
  'brand-4': '#d9d9d9',
  'brand-5': '#171613',
}

RGB Array

[27, 12, 41], [57, 55, 59], [212, 193, 135], [217, 217, 217], [23, 22, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1B0C29, #39373B, #D4C187, #D9D9D9, #171613 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: #1b0c29; --color-2: #39373b; --color-3: #d4c187; --color-4: #d9d9d9; --color-5: #171613. 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 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