← Back to Editor

#292626 · #3B3838 · #666650 · #84888A · #867575

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

#292626

Ink Black · DarkSlateGray · Dark Stone

HEX
#292626
RGB
rgb(41, 38, 38)
HSL
hsl(0, 4%, 15%)
HSB
hsb(0, 7%, 16%)
CMYK
cmyk(0%, 7%, 7%, 84%)
Oklch
oklch(27.2% 0.004 17.4)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#3B3838

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3B3838
RGB
rgb(59, 56, 56)
HSL
hsl(0, 3%, 23%)
HSB
hsb(0, 5%, 23%)
CMYK
cmyk(0%, 5%, 5%, 77%)
Oklch
oklch(34.4% 0.004 17.4)

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

#666650

Autumn Sage · DimGray · Honey Gold

HEX
#666650
RGB
rgb(102, 102, 80)
HSL
hsl(60, 12%, 36%)
HSB
hsb(60, 22%, 40%)
CMYK
cmyk(0%, 0%, 22%, 60%)
Oklch
oklch(50.4% 0.033 107.5)

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

#84888A

Ash · Gray · Warm Gray

HEX
#84888A
RGB
rgb(132, 136, 138)
HSL
hsl(200, 2%, 53%)
HSB
hsb(200, 4%, 54%)
CMYK
cmyk(4%, 1%, 0%, 46%)
Oklch
oklch(62.4% 0.006 228.9)

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

#867575

Ink Gray · Gray · Warm Gray

HEX
#867575
RGB
rgb(134, 117, 117)
HSL
hsl(0, 7%, 49%)
HSB
hsb(0, 13%, 53%)
CMYK
cmyk(0%, 13%, 13%, 47%)
Oklch
oklch(57.8% 0.021 17.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

292626
252828

Analogous

282526
292626
282625

Triadic

292626
252825
252528

Split-Comp.

292626
252826
252628

Tetradic

292626
262825
252828
262528

Contrast Matrix WCAG 2.1 Contrast

292626
3B3838
666650
84888A
867575
—
1.3
Fail
2.6
Fail
4.2
AA Large
3.4
AA Large
1.3
Fail
—
2.0
Fail
3.2
AA Large
2.7
Fail
2.6
Fail
2.0
Fail
—
1.6
Fail
1.3
Fail
4.2
AA Large
3.2
AA Large
1.6
Fail
—
1.2
Fail
3.4
AA Large
2.7
Fail
1.3
Fail
1.2
Fail
—
White BG
15.0AAA
11.6AAA
5.9AA
3.6AA Large
4.4AA Large
Black BG
1.4Fail
1.8Fail
3.6AA Large
5.9AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

282826
3A3A38
666655
86868A
7F7E75

Deuteranopia

282826
3A3A38
666657
868589
808175

Tritanopia

292626
3B3838
665A5A
848989
857575

Achromatopsia

272727
393939
636363
878787
7A7A7A

Shades & Tints Shades & Tints

#292626

Dark
Light

#3B3838

Dark
Light

#666650

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #292626;
  --color-2: #3b3838;
  --color-3: #666650;
  --color-4: #84888a;
  --color-5: #867575;
}

SCSS

$color-1: #292626;
$color-2: #3b3838;
$color-3: #666650;
$color-4: #84888a;
$color-5: #867575;

TAILWIND

colors: {
  'brand-1': '#292626',
  'brand-2': '#3b3838',
  'brand-3': '#666650',
  'brand-4': '#84888a',
  'brand-5': '#867575',
}

RGB Array

[41, 38, 38], [59, 56, 56], [102, 102, 80], [132, 136, 138], [134, 117, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #292626, #3B3838, #666650, #84888A, #867575 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: #292626; --color-2: #3b3838; --color-3: #666650; --color-4: #84888a; --color-5: #867575. 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 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