← Back to Editor

#876644 · #516346 · #255247 · #40313A · #592D3C

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

#876644

Ochre · Sienna · Amber Brown

HEX
#876644
RGB
rgb(135, 102, 68)
HSL
hsl(30, 33%, 40%)
HSB
hsb(30, 50%, 53%)
CMYK
cmyk(0%, 24%, 50%, 47%)
Oklch
oklch(53.5% 0.065 66.6)

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

#516346

Celadon · DarkOliveGreen · Forest Green

HEX
#516346
RGB
rgb(81, 99, 70)
HSL
hsl(97, 17%, 33%)
HSB
hsb(97, 29%, 39%)
CMYK
cmyk(18%, 0%, 29%, 61%)
Oklch
oklch(47.6% 0.050 133.9)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#255247

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#255247
RGB
rgb(37, 82, 71)
HSL
hsl(165, 38%, 23%)
HSB
hsb(165, 55%, 32%)
CMYK
cmyk(55%, 0%, 13%, 68%)
Oklch
oklch(40.3% 0.053 175.4)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#40313A

Rose Purple · DarkSlateGray · Raspberry

HEX
#40313A
RGB
rgb(64, 49, 58)
HSL
hsl(324, 13%, 22%)
HSB
hsb(324, 23%, 25%)
CMYK
cmyk(0%, 23%, 9%, 75%)
Oklch
oklch(33.3% 0.026 341.9)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#592D3C

Dark Violet · DarkSlateGray · Camellia

HEX
#592D3C
RGB
rgb(89, 45, 60)
HSL
hsl(340, 33%, 26%)
HSB
hsb(340, 49%, 35%)
CMYK
cmyk(0%, 49%, 33%, 65%)
Oklch
oklch(36.0% 0.067 359.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

876644
446688

Analogous

884444
876644
888844

Triadic

876644
448866
664488

Split-Comp.

876644
448888
444488

Tetradic

876644
448844
446688
884488

Contrast Matrix WCAG 2.1 Contrast

876644
516346
255247
40313A
592D3C
—
1.2
Fail
1.7
Fail
2.3
Fail
2.2
Fail
1.2
Fail
—
1.4
Fail
1.9
Fail
1.7
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
1.3
Fail
2.3
Fail
1.9
Fail
1.4
Fail
—
1.1
Fail
2.2
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
5.2AA
6.5AA
8.8AAA
12.2AAA
11.3AAA
Black BG
4.0AA Large
3.2AA Large
2.4Fail
1.7Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

79784C
59594D
38394A
3A3938
464638

Deuteranopia

7B7D4E
58564F
36334A
3A3C37
494C38

Tritanopia

855354
525354
274C4C
3F3636
573635

Achromatopsia

6C6C6C
5A5A5A
434343
373737
3C3C3C

Shades & Tints Shades & Tints

#876644

Dark
Light

#516346

Dark
Light

#255247

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #876644;
  --color-2: #516346;
  --color-3: #255247;
  --color-4: #40313a;
  --color-5: #592d3c;
}

SCSS

$color-1: #876644;
$color-2: #516346;
$color-3: #255247;
$color-4: #40313a;
$color-5: #592d3c;

TAILWIND

colors: {
  'brand-1': '#876644',
  'brand-2': '#516346',
  'brand-3': '#255247',
  'brand-4': '#40313a',
  'brand-5': '#592d3c',
}

RGB Array

[135, 102, 68], [81, 99, 70], [37, 82, 71], [64, 49, 58], [89, 45, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #876644, #516346, #255247, #40313A, #592D3C 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: #876644; --color-2: #516346; --color-3: #255247; --color-4: #40313a; --color-5: #592d3c. 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