← Back to Editor

#7B6F5E · #6F1F21 · #4E1B28 · #292523 · #131516

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 ThemeCorporate

Color Details Color Details

#7B6F5E

Ochre · DimGray · Amber Brown

HEX
#7B6F5E
RGB
rgb(123, 111, 94)
HSL
hsl(35, 13%, 43%)
HSB
hsb(35, 24%, 48%)
CMYK
cmyk(0%, 10%, 24%, 52%)
Oklch
oklch(54.8% 0.030 76.6)

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

#6F1F21

Crimson · Maroon · Wine Red

HEX
#6F1F21
RGB
rgb(111, 31, 33)
HSL
hsl(358, 56%, 28%)
HSB
hsb(358, 72%, 44%)
CMYK
cmyk(0%, 72%, 70%, 56%)
Oklch
oklch(36.9% 0.113 23.3)

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

#4E1B28

Crimson · Maroon · Wine Red

HEX
#4E1B28
RGB
rgb(78, 27, 40)
HSL
hsl(345, 49%, 21%)
HSB
hsb(345, 65%, 31%)
CMYK
cmyk(0%, 65%, 49%, 69%)
Oklch
oklch(30.5% 0.078 7.2)

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

#292523

Tangerine · DarkSlateGray · Dark Stone

HEX
#292523
RGB
rgb(41, 37, 35)
HSL
hsl(20, 8%, 15%)
HSB
hsb(20, 15%, 16%)
CMYK
cmyk(0%, 10%, 15%, 84%)
Oklch
oklch(26.8% 0.007 48.4)

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

#131516

Ink Black · Black · Jet Black

HEX
#131516
RGB
rgb(19, 21, 22)
HSL
hsl(200, 7%, 8%)
HSB
hsb(200, 14%, 9%)
CMYK
cmyk(14%, 5%, 0%, 91%)
Oklch
oklch(19.4% 0.004 229.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7B6F5E
5F6B7C

Analogous

7C625F
7B6F5E
7A7C5F

Triadic

7B6F5E
5F7C70
705F7C

Split-Comp.

7B6F5E
5F7A7C
625F7C

Tetradic

7B6F5E
5F7C62
5F6B7C
7C5F7A

Contrast Matrix WCAG 2.1 Contrast

7B6F5E
6F1F21
4E1B28
292523
131516
—
2.3
Fail
2.8
Fail
3.1
AA Large
3.7
AA Large
2.3
Fail
—
1.3
Fail
1.4
Fail
1.7
Fail
2.8
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
3.1
AA Large
1.4
Fail
1.1
Fail
—
1.2
Fail
3.7
AA Large
1.7
Fail
1.3
Fail
1.2
Fail
—
White BG
4.9AA
11.1AAA
13.9AAA
15.2AAA
18.3AAA
Black BG
4.3AA Large
1.9Fail
1.5Fail
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

767662
4C4C21
383725
272723
141416

Deuteranopia

777763
515720
3B3F24
282824
141416

Tritanopia

7A6566
6B2020
4B2222
292424
131616

Achromatopsia

717171
373737
2C2C2C
262626
151515

Shades & Tints Shades & Tints

#7B6F5E

Dark
Light

#6F1F21

Dark
Light

#4E1B28

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7b6f5e;
  --color-2: #6f1f21;
  --color-3: #4e1b28;
  --color-4: #292523;
  --color-5: #131516;
}

SCSS

$color-1: #7b6f5e;
$color-2: #6f1f21;
$color-3: #4e1b28;
$color-4: #292523;
$color-5: #131516;

TAILWIND

colors: {
  'brand-1': '#7b6f5e',
  'brand-2': '#6f1f21',
  'brand-3': '#4e1b28',
  'brand-4': '#292523',
  'brand-5': '#131516',
}

RGB Array

[123, 111, 94], [111, 31, 33], [78, 27, 40], [41, 37, 35], [19, 21, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #7B6F5E, #6F1F21, #4E1B28, #292523, #131516 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. 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: #7b6f5e; --color-2: #6f1f21; --color-3: #4e1b28; --color-4: #292523; --color-5: #131516. 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. 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