← Back to Editor

#849464 · #7A7944 · #735536 · #5C3435 · #22171C

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

#849464

Grass Green · Gray · Olive Green

HEX
#849464
RGB
rgb(132, 148, 100)
HSL
hsl(80, 19%, 49%)
HSB
hsb(80, 32%, 58%)
CMYK
cmyk(11%, 0%, 32%, 42%)
Oklch
oklch(64.1% 0.070 123.4)

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

#7A7944

Autumn Sage · DimGray · Honey Gold

HEX
#7A7944
RGB
rgb(122, 121, 68)
HSL
hsl(59, 28%, 37%)
HSB
hsb(59, 44%, 48%)
CMYK
cmyk(0%, 1%, 44%, 52%)
Oklch
oklch(56.4% 0.074 107.6)

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

#735536

Ochre · DarkOliveGreen · Amber Brown

HEX
#735536
RGB
rgb(115, 85, 54)
HSL
hsl(30, 36%, 33%)
HSB
hsb(30, 53%, 45%)
CMYK
cmyk(0%, 26%, 53%, 55%)
Oklch
oklch(47.4% 0.060 66.4)

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

#5C3435

Crimson · DarkOliveGreen · Wine Red

HEX
#5C3435
RGB
rgb(92, 52, 53)
HSL
hsl(358, 28%, 28%)
HSB
hsb(358, 43%, 36%)
CMYK
cmyk(0%, 43%, 42%, 64%)
Oklch
oklch(37.5% 0.058 18.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#22171C

Dark Violet · Black · Raspberry

HEX
#22171C
RGB
rgb(34, 23, 28)
HSL
hsl(333, 19%, 11%)
HSB
hsb(333, 32%, 13%)
CMYK
cmyk(0%, 32%, 18%, 87%)
Oklch
oklch(22.1% 0.020 349.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

849464
756595

Analogous

958D65
849464
6D9565

Triadic

849464
658595
956585

Split-Comp.

849464
656D95
8D6595

Tetradic

849464
65958D
756595
95656D

Contrast Matrix WCAG 2.1 Contrast

849464
7A7944
735536
5C3435
22171C
—
1.4
Fail
2.1
Fail
3.2
AA Large
5.3
AA
1.4
Fail
—
1.5
Fail
2.3
Fail
3.8
AA Large
2.1
Fail
1.5
Fail
—
1.5
Fail
2.6
Fail
3.2
AA Large
2.3
Fail
1.5
Fail
—
1.7
Fail
5.3
AA
3.8
AA Large
2.6
Fail
1.7
Fail
—
White BG
3.3AA Large
4.5AA
6.8AA
10.5AAA
17.4AAA
Black BG
6.4AA
4.6AA
3.1AA Large
2.0Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8B70
7A7A51
66663E
4B4A35
1D1D1B

Deuteranopia

8A8972
7A7A54
686A3F
4D5035
1E1F1A

Tritanopia

85797B
7A5B5D
724345
5A3535
211A1A

Achromatopsia

8A8A8A
737373
5A5A5A
404040
1B1B1B

Shades & Tints Shades & Tints

#849464

Dark
Light

#7A7944

Dark
Light

#735536

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #849464;
  --color-2: #7a7944;
  --color-3: #735536;
  --color-4: #5c3435;
  --color-5: #22171c;
}

SCSS

$color-1: #849464;
$color-2: #7a7944;
$color-3: #735536;
$color-4: #5c3435;
$color-5: #22171c;

TAILWIND

colors: {
  'brand-1': '#849464',
  'brand-2': '#7a7944',
  'brand-3': '#735536',
  'brand-4': '#5c3435',
  'brand-5': '#22171c',
}

RGB Array

[132, 148, 100], [122, 121, 68], [115, 85, 54], [92, 52, 53], [34, 23, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #849464, #7A7944, #735536, #5C3435, #22171C 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: #849464; --color-2: #7a7944; --color-3: #735536; --color-4: #5c3435; --color-5: #22171c. 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