← Back to Editor

#A7A898 · #76352F · #5B655D · #513C45 · #432724

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

#A7A898

Fresh Green · DarkGray · Silver Sand

HEX
#A7A898
RGB
rgb(167, 168, 152)
HSL
hsl(64, 8%, 63%)
HSB
hsb(64, 10%, 66%)
CMYK
cmyk(1%, 0%, 10%, 34%)
Oklch
oklch(72.6% 0.023 109.9)

Traditional「Fresh Green」· Paint「Silver Sand」· Creative Urban Concrete

#76352F

Crimson · Brown · Wine Red

HEX
#76352F
RGB
rgb(118, 53, 47)
HSL
hsl(5, 43%, 32%)
HSB
hsb(5, 60%, 46%)
CMYK
cmyk(0%, 55%, 60%, 54%)
Oklch
oklch(41.5% 0.093 27.2)

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

#5B655D

Ink Gray · DimGray · Charcoal

HEX
#5B655D
RGB
rgb(91, 101, 93)
HSL
hsl(132, 5%, 38%)
HSB
hsb(132, 10%, 40%)
CMYK
cmyk(10%, 0%, 8%, 60%)
Oklch
oklch(49.6% 0.018 151.5)

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

#513C45

Dark Violet · DarkSlateGray · Camellia

HEX
#513C45
RGB
rgb(81, 60, 69)
HSL
hsl(334, 15%, 28%)
HSB
hsb(334, 26%, 32%)
CMYK
cmyk(0%, 26%, 15%, 68%)
Oklch
oklch(38.2% 0.033 351.2)

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

#432724

Crimson · DarkSlateGray · Deep Berry

HEX
#432724
RGB
rgb(67, 39, 36)
HSL
hsl(6, 30%, 20%)
HSB
hsb(6, 46%, 26%)
CMYK
cmyk(0%, 42%, 46%, 74%)
Oklch
oklch(30.7% 0.043 26.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7A898
9A99A8

Analogous

A8A299
A7A898
A0A899

Triadic

A7A898
99A7A8
A899A7

Split-Comp.

A7A898
99A0A8
A299A8

Tetradic

A7A898
99A8A2
9A99A8
A899A0

Contrast Matrix WCAG 2.1 Contrast

A7A898
76352F
5B655D
513C45
432724
—
3.7
AA Large
2.5
Fail
4.2
AA Large
5.6
AA
3.7
AA Large
—
1.5
Fail
1.1
Fail
1.5
Fail
2.5
Fail
1.5
Fail
—
1.7
Fail
2.2
Fail
4.2
AA Large
1.1
Fail
1.7
Fail
—
1.3
Fail
5.6
AA
1.5
Fail
2.2
Fail
1.3
Fail
—
White BG
2.4Fail
9.0AAA
6.1AA
10.1AAA
13.5AAA
Black BG
8.7AAA
2.3Fail
3.5AA Large
2.1Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A79C
5A5930
5F5F5F
484843
373725

Deuteranopia

A7A79D
5E6331
5F5E5F
494B42
393B25

Tritanopia

A79FA0
733232
5C6061
504141
422525

Achromatopsia

A6A6A6
484848
616161
434343
2F2F2F

Shades & Tints Shades & Tints

#A7A898

Dark
Light

#76352F

Dark
Light

#5B655D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7a898;
  --color-2: #76352f;
  --color-3: #5b655d;
  --color-4: #513c45;
  --color-5: #432724;
}

SCSS

$color-1: #a7a898;
$color-2: #76352f;
$color-3: #5b655d;
$color-4: #513c45;
$color-5: #432724;

TAILWIND

colors: {
  'brand-1': '#a7a898',
  'brand-2': '#76352f',
  'brand-3': '#5b655d',
  'brand-4': '#513c45',
  'brand-5': '#432724',
}

RGB Array

[167, 168, 152], [118, 53, 47], [91, 101, 93], [81, 60, 69], [67, 39, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A7A898, #76352F, #5B655D, #513C45, #432724 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: #a7a898; --color-2: #76352f; --color-3: #5b655d; --color-4: #513c45; --color-5: #432724. 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