← Back to Editor

#8A734A · #AA9D8D · #823E3D · #40323E · #2B2C4A

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

#8A734A

Ochre · DimGray · Amber Brown

HEX
#8A734A
RGB
rgb(138, 115, 74)
HSL
hsl(38, 30%, 42%)
HSB
hsb(38, 46%, 54%)
CMYK
cmyk(0%, 17%, 46%, 46%)
Oklch
oklch(56.8% 0.064 81.3)

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

#AA9D8D

Ginger · DarkGray · Warm Sun

HEX
#AA9D8D
RGB
rgb(170, 157, 141)
HSL
hsl(33, 15%, 61%)
HSB
hsb(33, 17%, 67%)
CMYK
cmyk(0%, 8%, 17%, 33%)
Oklch
oklch(70.3% 0.027 73.1)

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

#823E3D

Crimson · Sienna · Wine Red

HEX
#823E3D
RGB
rgb(130, 62, 61)
HSL
hsl(1, 36%, 37%)
HSB
hsb(1, 53%, 51%)
CMYK
cmyk(0%, 52%, 53%, 49%)
Oklch
oklch(45.1% 0.094 22.4)

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

#40323E

Rose Purple · DarkSlateGray · Eggplant

HEX
#40323E
RGB
rgb(64, 50, 62)
HSL
hsl(309, 12%, 22%)
HSB
hsb(309, 22%, 25%)
CMYK
cmyk(0%, 22%, 3%, 75%)
Oklch
oklch(33.7% 0.028 331.0)

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

#2B2C4A

Indigo · DarkSlateGray · Prussian Blue

HEX
#2B2C4A
RGB
rgb(43, 44, 74)
HSL
hsl(238, 26%, 23%)
HSB
hsb(238, 42%, 29%)
CMYK
cmyk(42%, 41%, 0%, 71%)
Oklch
oklch(30.7% 0.054 281.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A734A
4B638B

Analogous

8B544B
8A734A
838B4B

Triadic

8A734A
4B8B74
744B8B

Split-Comp.

8A734A
4B838B
544B8B

Tetradic

8A734A
4B8B54
4B638B
8B4B83

Contrast Matrix WCAG 2.1 Contrast

8A734A
AA9D8D
823E3D
40323E
2B2C4A
—
1.7
Fail
1.7
Fail
2.7
Fail
3.0
Fail
1.7
Fail
—
2.9
Fail
4.5
AA
5.1
AA
1.7
Fail
2.9
Fail
—
1.6
Fail
1.7
Fail
2.7
Fail
4.5
AA
1.6
Fail
—
1.1
Fail
3.0
Fail
5.1
AA
1.7
Fail
1.1
Fail
—
White BG
4.5AA
2.7Fail
7.8AAA
12.0AAA
13.4AAA
Black BG
4.6AA
7.9AAA
2.7Fail
1.7Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

808054
A4A491
65643D
3A3A3B
2B2B43

Deuteranopia

818356
A5A692
696E3D
3B3C3A
2B2B41

Tritanopia

895C5D
A99495
7F3D3D
3F3938
2B3D3C

Achromatopsia

757575
9F9F9F
525252
383838
2F2F2F

Shades & Tints Shades & Tints

#8A734A

Dark
Light

#AA9D8D

Dark
Light

#823E3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a734a;
  --color-2: #aa9d8d;
  --color-3: #823e3d;
  --color-4: #40323e;
  --color-5: #2b2c4a;
}

SCSS

$color-1: #8a734a;
$color-2: #aa9d8d;
$color-3: #823e3d;
$color-4: #40323e;
$color-5: #2b2c4a;

TAILWIND

colors: {
  'brand-1': '#8a734a',
  'brand-2': '#aa9d8d',
  'brand-3': '#823e3d',
  'brand-4': '#40323e',
  'brand-5': '#2b2c4a',
}

RGB Array

[138, 115, 74], [170, 157, 141], [130, 62, 61], [64, 50, 62], [43, 44, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A734A, #AA9D8D, #823E3D, #40323E, #2B2C4A 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: #8a734a; --color-2: #aa9d8d; --color-3: #823e3d; --color-4: #40323e; --color-5: #2b2c4a. 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