← Back to Editor

#8D6F52 · #794B29 · #5E4F40 · #647775 · #9DB0A5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#8D6F52

Tangerine · DimGray · Amber Brown

HEX
#8D6F52
RGB
rgb(141, 111, 82)
HSL
hsl(29, 26%, 44%)
HSB
hsb(29, 42%, 55%)
CMYK
cmyk(0%, 21%, 42%, 45%)
Oklch
oklch(56.4% 0.057 65.3)

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

#794B29

Tangerine · Sienna · Amber Brown

HEX
#794B29
RGB
rgb(121, 75, 41)
HSL
hsl(26, 49%, 32%)
HSB
hsb(26, 66%, 47%)
CMYK
cmyk(0%, 38%, 66%, 53%)
Oklch
oklch(45.8% 0.079 55.7)

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

#5E4F40

Ochre · DarkOliveGreen · Amber Brown

HEX
#5E4F40
RGB
rgb(94, 79, 64)
HSL
hsl(30, 19%, 31%)
HSB
hsb(30, 32%, 37%)
CMYK
cmyk(0%, 16%, 32%, 63%)
Oklch
oklch(43.8% 0.031 66.9)

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

#647775

Mineral Blue · DimGray · Warm Gray

HEX
#647775
RGB
rgb(100, 119, 117)
HSL
hsl(174, 9%, 43%)
HSB
hsb(174, 16%, 47%)
CMYK
cmyk(16%, 0%, 2%, 53%)
Oklch
oklch(55.3% 0.023 188.7)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

#9DB0A5

Celadon · DarkGray · Apple Green

HEX
#9DB0A5
RGB
rgb(157, 176, 165)
HSL
hsl(145, 11%, 65%)
HSB
hsb(145, 11%, 69%)
CMYK
cmyk(11%, 0%, 6%, 31%)
Oklch
oklch(73.9% 0.026 160.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D6F52
53718D

Analogous

8D5354
8D6F52
8D8C53

Triadic

8D6F52
538D6F
6F538D

Split-Comp.

8D6F52
538D8C
53548D

Tetradic

8D6F52
548D53
53718D
8C538D

Contrast Matrix WCAG 2.1 Contrast

8D6F52
794B29
5E4F40
647775
9DB0A5
—
1.6
Fail
1.7
Fail
1.0
Fail
2.0
Fail
1.6
Fail
—
1.1
Fail
1.6
Fail
3.2
AA Large
1.7
Fail
1.1
Fail
—
1.7
Fail
3.4
AA Large
1.0
Fail
1.6
Fail
1.7
Fail
—
2.1
Fail
2.0
Fail
3.2
AA Large
3.4
AA Large
2.1
Fail
—
White BG
4.6AA
7.4AAA
7.9AAA
4.7AA
2.3Fail
Black BG
4.5AA
2.9Fail
2.7Fail
4.4AA Large
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

808059
656531
585744
6C6C75
A5A5A8

Deuteranopia

82845B
686B33
585A45
6B6A76
A4A3A8

Tritanopia

8C5F60
773839
5D4647
657676
9EAAAA

Achromatopsia

757575
555555
525252
717171
A9A9A9

Shades & Tints Shades & Tints

#8D6F52

Dark
Light

#794B29

Dark
Light

#5E4F40

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d6f52;
  --color-2: #794b29;
  --color-3: #5e4f40;
  --color-4: #647775;
  --color-5: #9db0a5;
}

SCSS

$color-1: #8d6f52;
$color-2: #794b29;
$color-3: #5e4f40;
$color-4: #647775;
$color-5: #9db0a5;

TAILWIND

colors: {
  'brand-1': '#8d6f52',
  'brand-2': '#794b29',
  'brand-3': '#5e4f40',
  'brand-4': '#647775',
  'brand-5': '#9db0a5',
}

RGB Array

[141, 111, 82], [121, 75, 41], [94, 79, 64], [100, 119, 117], [157, 176, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8D6F52, #794B29, #5E4F40, #647775, #9DB0A5 is ideal for: brand design, premium product pages, magazine layouts. 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: #8d6f52; --color-2: #794b29; --color-3: #5e4f40; --color-4: #647775; --color-5: #9db0a5. 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. 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