← Back to Editor

#4D4540 · #31302E · #615D5B · #A0BB16 · #867C62

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 ThemeCorporate

Color Details Color Details

#4D4540

Tangerine · DarkSlateGray · Charcoal

HEX
#4D4540
RGB
rgb(77, 69, 64)
HSL
hsl(23, 9%, 28%)
HSB
hsb(23, 17%, 30%)
CMYK
cmyk(0%, 10%, 17%, 70%)
Oklch
oklch(39.7% 0.014 54.2)

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

#31302E

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#31302E
RGB
rgb(49, 48, 46)
HSL
hsl(40, 3%, 19%)
HSB
hsb(40, 6%, 19%)
CMYK
cmyk(0%, 2%, 6%, 81%)
Oklch
oklch(30.9% 0.004 84.6)

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

#615D5B

Ink Gray · DimGray · Charcoal

HEX
#615D5B
RGB
rgb(97, 93, 91)
HSL
hsl(20, 3%, 37%)
HSB
hsb(20, 6%, 38%)
CMYK
cmyk(0%, 4%, 6%, 62%)
Oklch
oklch(48.1% 0.006 48.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#A0BB16

Grass Green · DarkGoldenRod · Olive Green

HEX
#A0BB16
RGB
rgb(160, 187, 22)
HSL
hsl(70, 79%, 41%)
HSB
hsb(70, 88%, 73%)
CMYK
cmyk(14%, 0%, 88%, 27%)
Oklch
oklch(74.6% 0.172 119.7)

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

#867C62

Ochre · Gray · Honey Gold

HEX
#867C62
RGB
rgb(134, 124, 98)
HSL
hsl(43, 16%, 45%)
HSB
hsb(43, 27%, 53%)
CMYK
cmyk(0%, 7%, 27%, 47%)
Oklch
oklch(58.8% 0.040 89.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D4540
41494E

Analogous

4E4142
4D4540
4E4C41

Triadic

4D4540
414E46
46414E

Split-Comp.

4D4540
414E4C
41424E

Tetradic

4D4540
424E41
41494E
4C414E

Contrast Matrix WCAG 2.1 Contrast

4D4540
31302E
615D5B
A0BB16
867C62
—
1.4
Fail
1.4
Fail
4.3
AA Large
2.3
Fail
1.4
Fail
—
2.0
Fail
6.0
AA
3.2
AA Large
1.4
Fail
2.0
Fail
—
3.0
Fail
1.6
Fail
4.3
AA Large
6.0
AA
3.0
Fail
—
1.9
Fail
2.3
Fail
3.2
AA Large
1.6
Fail
1.9
Fail
—
White BG
9.4AAA
13.2AAA
6.5AA
2.2Fail
4.1AA Large
Black BG
2.2Fail
1.6Fail
3.2AA Large
9.6AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4941
31312E
5F5F5B
ACAC3E
828268

Deuteranopia

4A4B42
31312F
60605C
AAA848
82836A

Tritanopia

4D4242
312F2F
615C5C
A15D64
866D6E

Achromatopsia

474747
303030
5E5E5E
A0A0A0
7C7C7C

Shades & Tints Shades & Tints

#4D4540

Dark
Light

#31302E

Dark
Light

#615D5B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d4540;
  --color-2: #31302e;
  --color-3: #615d5b;
  --color-4: #a0bb16;
  --color-5: #867c62;
}

SCSS

$color-1: #4d4540;
$color-2: #31302e;
$color-3: #615d5b;
$color-4: #a0bb16;
$color-5: #867c62;

TAILWIND

colors: {
  'brand-1': '#4d4540',
  'brand-2': '#31302e',
  'brand-3': '#615d5b',
  'brand-4': '#a0bb16',
  'brand-5': '#867c62',
}

RGB Array

[77, 69, 64], [49, 48, 46], [97, 93, 91], [160, 187, 22], [134, 124, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4D4540, #31302E, #615D5B, #A0BB16, #867C62 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: #4d4540; --color-2: #31302e; --color-3: #615d5b; --color-4: #a0bb16; --color-5: #867c62. 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