← Back to Editor

#9B8C79 · #4E4540 · #000000 · #C6B89E · #2B3445

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 ThemeCorporateData Visualization

Color Details Color Details

#9B8C79

Ginger · Gray · Warm Sun

HEX
#9B8C79
RGB
rgb(155, 140, 121)
HSL
hsl(34, 15%, 54%)
HSB
hsb(34, 22%, 61%)
CMYK
cmyk(0%, 10%, 22%, 39%)
Oklch
oklch(64.8% 0.033 73.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#4E4540

Tangerine · DarkSlateGray · Amber Brown

HEX
#4E4540
RGB
rgb(78, 69, 64)
HSL
hsl(21, 10%, 28%)
HSB
hsb(21, 18%, 31%)
CMYK
cmyk(0%, 12%, 18%, 69%)
Oklch
oklch(39.8% 0.015 51.0)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

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

#C6B89E

Ginger · Tan · Warm Sun

HEX
#C6B89E
RGB
rgb(198, 184, 158)
HSL
hsl(39, 26%, 70%)
HSB
hsb(39, 20%, 78%)
CMYK
cmyk(0%, 7%, 20%, 22%)
Oklch
oklch(78.7% 0.039 83.0)

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

#2B3445

Indigo · DarkSlateGray · Prussian Blue

HEX
#2B3445
RGB
rgb(43, 52, 69)
HSL
hsl(219, 23%, 22%)
HSB
hsb(219, 38%, 27%)
CMYK
cmyk(38%, 25%, 0%, 73%)
Oklch
oklch(32.4% 0.033 262.9)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9B8C79
78879B

Analogous

9B7A78
9B8C79
999B78

Triadic

9B8C79
789B8C
8C789B

Split-Comp.

9B8C79
78999B
7A789B

Tetradic

9B8C79
789B7A
78879B
9B7899

Contrast Matrix WCAG 2.1 Contrast

9B8C79
4E4540
000000
C6B89E
2B3445
—
2.9
Fail
6.4
AA
1.7
Fail
3.8
AA Large
2.9
Fail
—
2.2
Fail
4.8
AA
1.3
Fail
6.4
AA
2.2
Fail
—
10.8
AAA
1.7
Fail
1.7
Fail
4.8
AA
10.8
AAA
—
6.4
AA
3.8
AA Large
1.3
Fail
1.7
Fail
6.4
AA
—
White BG
3.3AA Large
9.3AAA
21.0AAA
2.0Fail
12.5AAA
Black BG
6.4AA
2.2Fail
1.0Fail
10.8AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

95947E
4A4A41
000000
C0C0A4
2F2F41

Deuteranopia

95977F
4B4B42
000000
C1C2A6
2E2E40

Tritanopia

9A8182
4E4242
000000
C5A9AA
2B3E3D

Achromatopsia

8E8E8E
474747
000000
B9B9B9
333333

Shades & Tints Shades & Tints

#9B8C79

Dark
Light

#4E4540

Dark
Light

#000000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9b8c79;
  --color-2: #4e4540;
  --color-3: #000000;
  --color-4: #c6b89e;
  --color-5: #2b3445;
}

SCSS

$color-1: #9b8c79;
$color-2: #4e4540;
$color-3: #000000;
$color-4: #c6b89e;
$color-5: #2b3445;

TAILWIND

colors: {
  'brand-1': '#9b8c79',
  'brand-2': '#4e4540',
  'brand-3': '#000000',
  'brand-4': '#c6b89e',
  'brand-5': '#2b3445',
}

RGB Array

[155, 140, 121], [78, 69, 64], [0, 0, 0], [198, 184, 158], [43, 52, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9B8C79, #4E4540, #000000, #C6B89E, #2B3445 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: #9b8c79; --color-2: #4e4540; --color-3: #000000; --color-4: #c6b89e; --color-5: #2b3445. 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