← Back to Editor

#A59385 · #9E8E6A · #8C715E · #6F4046 · #2F151E

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

#A59385

Tangerine · Gray · Warm Sun

HEX
#A59385
RGB
rgb(165, 147, 133)
HSL
hsl(26, 15%, 58%)
HSB
hsb(26, 19%, 65%)
CMYK
cmyk(0%, 11%, 19%, 35%)
Oklch
oklch(67.5% 0.030 60.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#9E8E6A

Ginger · Gray · Sunflower

HEX
#9E8E6A
RGB
rgb(158, 142, 106)
HSL
hsl(42, 21%, 52%)
HSB
hsb(42, 33%, 62%)
CMYK
cmyk(0%, 10%, 33%, 38%)
Oklch
oklch(65.2% 0.054 86.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#8C715E

Tangerine · DimGray · Amber Brown

HEX
#8C715E
RGB
rgb(140, 113, 94)
HSL
hsl(25, 20%, 46%)
HSB
hsb(25, 33%, 55%)
CMYK
cmyk(0%, 19%, 33%, 45%)
Oklch
oklch(57.0% 0.044 56.8)

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

#6F4046

Crimson · DimGray · Wine Red

HEX
#6F4046
RGB
rgb(111, 64, 70)
HSL
hsl(352, 27%, 34%)
HSB
hsb(352, 42%, 44%)
CMYK
cmyk(0%, 42%, 37%, 56%)
Oklch
oklch(43.0% 0.066 12.0)

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

#2F151E

Dark Violet · Black · Raspberry

HEX
#2F151E
RGB
rgb(47, 21, 30)
HSL
hsl(339, 38%, 13%)
HSB
hsb(339, 55%, 18%)
CMYK
cmyk(0%, 55%, 36%, 82%)
Oklch
oklch(23.7% 0.044 358.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A59385
8496A4

Analogous

A48486
A59385
A4A284

Triadic

A59385
84A492
9284A4

Split-Comp.

A59385
84A4A2
8486A4

Tetradic

A59385
86A484
8496A4
A284A4

Contrast Matrix WCAG 2.1 Contrast

A59385
9E8E6A
8C715E
6F4046
2F151E
—
1.1
Fail
1.5
Fail
2.8
Fail
5.7
AA
1.1
Fail
—
1.4
Fail
2.6
Fail
5.2
AA
1.5
Fail
1.4
Fail
—
1.9
Fail
3.7
AA Large
2.8
Fail
2.6
Fail
1.9
Fail
—
2.0
Fail
5.7
AA
5.2
AA
3.7
AA Large
2.0
Fail
—
White BG
3.0Fail
3.2AA Large
4.5AA
8.4AAA
16.8AAA
Black BG
7.1AAA
6.5AA
4.6AA
2.5Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D88
979773
808063
5B5A45
24241C

Deuteranopia

9EA089
989975
828464
5D6144
25271B

Tritanopia

A48B8C
9D7A7B
8B6667
6D4343
2E1A1A

Achromatopsia

979797
8F8F8F
777777
4F4F4F
1E1E1E

Shades & Tints Shades & Tints

#A59385

Dark
Light

#9E8E6A

Dark
Light

#8C715E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a59385;
  --color-2: #9e8e6a;
  --color-3: #8c715e;
  --color-4: #6f4046;
  --color-5: #2f151e;
}

SCSS

$color-1: #a59385;
$color-2: #9e8e6a;
$color-3: #8c715e;
$color-4: #6f4046;
$color-5: #2f151e;

TAILWIND

colors: {
  'brand-1': '#a59385',
  'brand-2': '#9e8e6a',
  'brand-3': '#8c715e',
  'brand-4': '#6f4046',
  'brand-5': '#2f151e',
}

RGB Array

[165, 147, 133], [158, 142, 106], [140, 113, 94], [111, 64, 70], [47, 21, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A59385, #9E8E6A, #8C715E, #6F4046, #2F151E 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: #a59385; --color-2: #9e8e6a; --color-3: #8c715e; --color-4: #6f4046; --color-5: #2f151e. 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