← Back to Editor

#111111 · #352822 · #5F5845 · #89906E · #C1B1A2

dark

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

#111111

Ink Black · Black · Jet Black

HEX
#111111
RGB
rgb(17, 17, 17)
HSL
hsl(0, 0%, 7%)
HSB
hsb(0, 0%, 7%)
CMYK
cmyk(0%, 0%, 0%, 93%)
Oklch
oklch(17.8% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#352822

Tangerine · DarkSlateGray · Cinnamon

HEX
#352822
RGB
rgb(53, 40, 34)
HSL
hsl(19, 22%, 17%)
HSB
hsb(19, 36%, 21%)
CMYK
cmyk(0%, 25%, 36%, 79%)
Oklch
oklch(29.0% 0.022 46.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#5F5845

Ochre · DarkOliveGreen · Honey Gold

HEX
#5F5845
RGB
rgb(95, 88, 69)
HSL
hsl(44, 16%, 32%)
HSB
hsb(44, 27%, 37%)
CMYK
cmyk(0%, 7%, 27%, 63%)
Oklch
oklch(46.2% 0.031 90.2)

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

#89906E

Grass Green · Gray · Olive Green

HEX
#89906E
RGB
rgb(137, 144, 110)
HSL
hsl(72, 13%, 50%)
HSB
hsb(72, 24%, 56%)
CMYK
cmyk(5%, 0%, 24%, 44%)
Oklch
oklch(63.8% 0.049 117.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#C1B1A2

Apricot · DarkGray · Warm Sun

HEX
#C1B1A2
RGB
rgb(193, 177, 162)
HSL
hsl(29, 20%, 70%)
HSB
hsb(29, 16%, 76%)
CMYK
cmyk(0%, 8%, 16%, 24%)
Oklch
oklch(77.0% 0.028 65.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

111111
121212

Analogous

121212
111111
121212

Triadic

111111
121212
121212

Split-Comp.

111111
121212
121212

Tetradic

111111
121212
121212
121212

Contrast Matrix WCAG 2.1 Contrast

111111
352822
5F5845
89906E
C1B1A2
—
1.3
Fail
2.7
Fail
5.6
AA
9.1
AAA
1.3
Fail
—
2.0
Fail
4.2
AA Large
6.8
AA
2.7
Fail
2.0
Fail
—
2.1
Fail
3.4
AA Large
5.6
AA
4.2
AA Large
2.1
Fail
—
1.6
Fail
9.1
AAA
6.8
AA
3.4
AA Large
1.6
Fail
—
White BG
18.9AAA
14.2AAA
7.1AAA
3.3AA Large
2.1Fail
Black BG
1.1Fail
1.5Fail
3.0Fail
6.3AA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

111111
2F2F23
5C5C4A
8C8C76
BABAA6

Deuteranopia

111111
303124
5C5D4B
8C8B78
BBBCA7

Tritanopia

111111
342525
5F4D4E
897D7E
C0A8A9

Achromatopsia

111111
2B2B2B
585858
8A8A8A
B4B4B4

Shades & Tints Shades & Tints

#111111

Dark
Light

#352822

Dark
Light

#5F5845

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #111111;
  --color-2: #352822;
  --color-3: #5f5845;
  --color-4: #89906e;
  --color-5: #c1b1a2;
}

SCSS

$color-1: #111111;
$color-2: #352822;
$color-3: #5f5845;
$color-4: #89906e;
$color-5: #c1b1a2;

TAILWIND

colors: {
  'brand-1': '#111111',
  'brand-2': '#352822',
  'brand-3': '#5f5845',
  'brand-4': '#89906e',
  'brand-5': '#c1b1a2',
}

RGB Array

[17, 17, 17], [53, 40, 34], [95, 88, 69], [137, 144, 110], [193, 177, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #111111, #352822, #5F5845, #89906E, #C1B1A2 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: #111111; --color-2: #352822; --color-3: #5f5845; --color-4: #89906e; --color-5: #c1b1a2. 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