← Back to Editor

#787890 · #787878 · #786060 · #604848 · #4B3939

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 Library

Color Details Color Details

#787890

Deep Indigo · SlateGray · Navy Blue

HEX
#787890
RGB
rgb(120, 120, 144)
HSL
hsl(240, 10%, 52%)
HSB
hsb(240, 17%, 56%)
CMYK
cmyk(17%, 17%, 0%, 44%)
Oklch
oklch(58.1% 0.037 285.2)

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

#787878

Ink Gray · Gray · Warm Gray

HEX
#787878
RGB
rgb(120, 120, 120)
HSL
hsl(0, 0%, 47%)
HSB
hsb(0, 0%, 47%)
CMYK
cmyk(0%, 0%, 0%, 53%)
Oklch
oklch(57.3% 0.000 89.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#786060

Crimson · DimGray · Passion Red

HEX
#786060
RGB
rgb(120, 96, 96)
HSL
hsl(0, 11%, 42%)
HSB
hsb(0, 20%, 47%)
CMYK
cmyk(0%, 20%, 20%, 53%)
Oklch
oklch(51.3% 0.031 18.2)

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

#604848

Crimson · DarkOliveGreen · Wine Red

HEX
#604848
RGB
rgb(96, 72, 72)
HSL
hsl(0, 14%, 33%)
HSB
hsb(0, 25%, 38%)
CMYK
cmyk(0%, 25%, 25%, 62%)
Oklch
oklch(42.7% 0.033 18.5)

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

#4B3939

Crimson · DarkSlateGray · Wine Red

HEX
#4B3939
RGB
rgb(75, 57, 57)
HSL
hsl(0, 14%, 26%)
HSB
hsb(0, 24%, 29%)
CMYK
cmyk(0%, 24%, 24%, 71%)
Oklch
oklch(36.4% 0.026 18.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

787890
919178

Analogous

788591
787890
857891

Triadic

787890
917878
789178

Split-Comp.

787890
918578
859178

Tetradic

787890
917885
919178
789185

Contrast Matrix WCAG 2.1 Contrast

787890
787878
786060
604848
4B3939
—
1.0
Fail
1.3
Fail
1.9
Fail
2.5
Fail
1.0
Fail
—
1.3
Fail
1.9
Fail
2.4
Fail
1.3
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
1.9
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
2.5
Fail
2.4
Fail
1.9
Fail
1.3
Fail
—
White BG
4.3AA Large
4.4AA Large
5.8AA
8.3AAA
10.8AAA
Black BG
4.9AA
4.8AA
3.6AA Large
2.5Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

78788A
787878
6E6D60
565548
434339

Deuteranopia

787889
787878
6F7160
575948
444639

Tritanopia

788685
787878
776060
5F4848
4A3939

Achromatopsia

7B7B7B
787878
676767
4F4F4F
3E3E3E

Shades & Tints Shades & Tints

#787890

Dark
Light

#787878

Dark
Light

#786060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #787890;
  --color-2: #787878;
  --color-3: #786060;
  --color-4: #604848;
  --color-5: #4b3939;
}

SCSS

$color-1: #787890;
$color-2: #787878;
$color-3: #786060;
$color-4: #604848;
$color-5: #4b3939;

TAILWIND

colors: {
  'brand-1': '#787890',
  'brand-2': '#787878',
  'brand-3': '#786060',
  'brand-4': '#604848',
  'brand-5': '#4b3939',
}

RGB Array

[120, 120, 144], [120, 120, 120], [120, 96, 96], [96, 72, 72], [75, 57, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #787890, #787878, #786060, #604848, #4B3939 is ideal for: brand design, premium product pages, magazine layouts. 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: #787890; --color-2: #787878; --color-3: #786060; --color-4: #604848; --color-5: #4b3939. 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. 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