← Back to Editor

#291D20 · #3E3B40 · #635C55 · #A17E5C · #B89E84

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

#291D20

Crimson · Black · Deep Berry

HEX
#291D20
RGB
rgb(41, 29, 32)
HSL
hsl(345, 17%, 14%)
HSB
hsb(345, 29%, 16%)
CMYK
cmyk(0%, 29%, 22%, 84%)
Oklch
oklch(24.7% 0.019 2.0)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#3E3B40

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3E3B40
RGB
rgb(62, 59, 64)
HSL
hsl(276, 4%, 24%)
HSB
hsb(276, 8%, 25%)
CMYK
cmyk(3%, 8%, 0%, 75%)
Oklch
oklch(35.7% 0.009 312.2)

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

#635C55

Ochre · DimGray · Charcoal

HEX
#635C55
RGB
rgb(99, 92, 85)
HSL
hsl(30, 8%, 36%)
HSB
hsb(30, 14%, 39%)
CMYK
cmyk(0%, 7%, 14%, 61%)
Oklch
oklch(47.9% 0.014 67.5)

Traditional「Ochre」· Paint「Charcoal」· Creative Midnight Shadow

#A17E5C

Ochre · Gray · Amber Brown

HEX
#A17E5C
RGB
rgb(161, 126, 92)
HSL
hsl(30, 27%, 50%)
HSB
hsb(30, 43%, 63%)
CMYK
cmyk(0%, 22%, 43%, 37%)
Oklch
oklch(61.8% 0.065 65.3)

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

#B89E84

Ginger · Tan · Warm Sun

HEX
#B89E84
RGB
rgb(184, 158, 132)
HSL
hsl(30, 27%, 62%)
HSB
hsb(30, 28%, 72%)
CMYK
cmyk(0%, 14%, 28%, 28%)
Oklch
oklch(71.6% 0.048 66.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

291D20
1E2A27

Analogous

2A1E27
291D20
2A211E

Triadic

291D20
212A1E
1E212A

Split-Comp.

291D20
1E2A21
1E272A

Tetradic

291D20
272A1E
1E2A27
211E2A

Contrast Matrix WCAG 2.1 Contrast

291D20
3E3B40
635C55
A17E5C
B89E84
—
1.5
Fail
2.5
Fail
4.4
AA Large
6.4
AA
1.5
Fail
—
1.7
Fail
3.0
Fail
4.3
AA Large
2.5
Fail
1.7
Fail
—
1.8
Fail
2.6
Fail
4.4
AA Large
3.0
Fail
1.8
Fail
—
1.5
Fail
6.4
AA
4.3
AA Large
2.6
Fail
1.5
Fail
—
White BG
16.3AAA
11.0AAA
6.6AA
3.7AA Large
2.5Fail
Black BG
1.3Fail
1.9Fail
3.2AA Large
5.7AA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

24241F
3D3D3F
606057
929264
ADAD8A

Deuteranopia

25251F
3D3D3F
606157
949766
AEB08C

Tritanopia

281F1F
3E3E3E
635858
9F6B6C
B78F90

Achromatopsia

212121
3C3C3C
5D5D5D
858585
A3A3A3

Shades & Tints Shades & Tints

#291D20

Dark
Light

#3E3B40

Dark
Light

#635C55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #291d20;
  --color-2: #3e3b40;
  --color-3: #635c55;
  --color-4: #a17e5c;
  --color-5: #b89e84;
}

SCSS

$color-1: #291d20;
$color-2: #3e3b40;
$color-3: #635c55;
$color-4: #a17e5c;
$color-5: #b89e84;

TAILWIND

colors: {
  'brand-1': '#291d20',
  'brand-2': '#3e3b40',
  'brand-3': '#635c55',
  'brand-4': '#a17e5c',
  'brand-5': '#b89e84',
}

RGB Array

[41, 29, 32], [62, 59, 64], [99, 92, 85], [161, 126, 92], [184, 158, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #291D20, #3E3B40, #635C55, #A17E5C, #B89E84 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: #291d20; --color-2: #3e3b40; --color-3: #635c55; --color-4: #a17e5c; --color-5: #b89e84. 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