← Back to Editor

#A7A596 · #EBF2AC · #84937C · #494A45 · #322E23

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A7A596

Fresh Green · DarkGray · Silver Sand

HEX
#A7A596
RGB
rgb(167, 165, 150)
HSL
hsl(53, 9%, 62%)
HSB
hsb(53, 10%, 65%)
CMYK
cmyk(0%, 1%, 10%, 35%)
Oklch
oklch(71.9% 0.021 100.7)

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

#EBF2AC

Fresh Green · Wheat · Lemon Cream

HEX
#EBF2AC
RGB
rgb(235, 242, 172)
HSL
hsl(66, 73%, 81%)
HSB
hsb(66, 29%, 95%)
CMYK
cmyk(3%, 0%, 29%, 5%)
Oklch
oklch(93.9% 0.090 112.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#84937C

Celadon · Gray · Olive Green

HEX
#84937C
RGB
rgb(132, 147, 124)
HSL
hsl(99, 10%, 53%)
HSB
hsb(99, 16%, 58%)
CMYK
cmyk(10%, 0%, 16%, 42%)
Oklch
oklch(64.5% 0.038 134.6)

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

#494A45

Dark Cyan · DarkSlateGray · Charcoal

HEX
#494A45
RGB
rgb(73, 74, 69)
HSL
hsl(72, 3%, 28%)
HSB
hsb(72, 7%, 29%)
CMYK
cmyk(1%, 0%, 7%, 71%)
Oklch
oklch(40.6% 0.008 116.0)

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

#322E23

Ochre · DarkSlateGray · Amber Gold

HEX
#322E23
RGB
rgb(50, 46, 35)
HSL
hsl(44, 18%, 17%)
HSB
hsb(44, 30%, 20%)
CMYK
cmyk(0%, 8%, 30%, 80%)
Oklch
oklch(30.2% 0.020 90.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7A596
9597A7

Analogous

A79C95
A7A596
A0A795

Triadic

A7A596
95A7A5
A595A7

Split-Comp.

A7A596
95A0A7
9C95A7

Tetradic

A7A596
95A79C
9597A7
A795A0

Contrast Matrix WCAG 2.1 Contrast

A7A596
EBF2AC
84937C
494A45
322E23
—
2.1
Fail
1.3
Fail
3.6
AA Large
5.5
AA
2.1
Fail
—
2.8
Fail
7.6
AAA
11.5
AAA
1.3
Fail
2.8
Fail
—
2.7
Fail
4.2
AA Large
3.6
AA Large
7.6
AAA
2.7
Fail
—
1.5
Fail
5.5
AA
11.5
AAA
4.2
AA Large
1.5
Fail
—
White BG
2.5Fail
1.2Fail
3.3AA Large
8.9AAA
13.5AAA
Black BG
8.5AAA
17.8AAA
6.4AA
2.3Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A69A
EEEEBD
8A8B82
494946
303026

Deuteranopia

A6A69B
EEEDC1
8A8983
494947
313126

Tritanopia

A79C9D
EBCACD
858687
494747
322828

Achromatopsia

A4A4A4
E8E8E8
8C8C8C
494949
2E2E2E

Shades & Tints Shades & Tints

#A7A596

Dark
Light

#EBF2AC

Dark
Light

#84937C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7a596;
  --color-2: #ebf2ac;
  --color-3: #84937c;
  --color-4: #494a45;
  --color-5: #322e23;
}

SCSS

$color-1: #a7a596;
$color-2: #ebf2ac;
$color-3: #84937c;
$color-4: #494a45;
$color-5: #322e23;

TAILWIND

colors: {
  'brand-1': '#a7a596',
  'brand-2': '#ebf2ac',
  'brand-3': '#84937c',
  'brand-4': '#494a45',
  'brand-5': '#322e23',
}

RGB Array

[167, 165, 150], [235, 242, 172], [132, 147, 124], [73, 74, 69], [50, 46, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A7A596, #EBF2AC, #84937C, #494A45, #322E23 is ideal for: brand design, premium product pages, magazine layouts, 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: #a7a596; --color-2: #ebf2ac; --color-3: #84937c; --color-4: #494a45; --color-5: #322e23. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco 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