← Back to Editor

#95856D · #8A7C71 · #786565 · #665D64 · #524F53

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 Library

Color Details Color Details

#95856D

Ginger · Gray · Warm Sun

HEX
#95856D
RGB
rgb(149, 133, 109)
HSL
hsl(36, 16%, 51%)
HSB
hsb(36, 27%, 58%)
CMYK
cmyk(0%, 11%, 27%, 42%)
Oklch
oklch(62.5% 0.040 77.9)

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

#8A7C71

Tangerine · Gray · Amber Brown

HEX
#8A7C71
RGB
rgb(138, 124, 113)
HSL
hsl(26, 10%, 49%)
HSB
hsb(26, 18%, 54%)
CMYK
cmyk(0%, 10%, 18%, 46%)
Oklch
oklch(59.6% 0.024 60.5)

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

#786565

Crimson · DimGray · Warm Gray

HEX
#786565
RGB
rgb(120, 101, 101)
HSL
hsl(0, 9%, 43%)
HSB
hsb(0, 16%, 47%)
CMYK
cmyk(0%, 16%, 16%, 53%)
Oklch
oklch(52.5% 0.024 18.0)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

#665D64

Ink Gray · DimGray · Charcoal

HEX
#665D64
RGB
rgb(102, 93, 100)
HSL
hsl(313, 5%, 38%)
HSB
hsb(313, 9%, 40%)
CMYK
cmyk(0%, 9%, 2%, 60%)
Oklch
oklch(48.9% 0.016 333.3)

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

#524F53

Ink Gray · DarkSlateGray · Charcoal

HEX
#524F53
RGB
rgb(82, 79, 83)
HSL
hsl(285, 2%, 32%)
HSB
hsb(285, 5%, 33%)
CMYK
cmyk(1%, 5%, 0%, 67%)
Oklch
oklch(43.2% 0.008 317.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95856D
6E7E96

Analogous

96726E
95856D
92966E

Triadic

95856D
6E9686
866E96

Split-Comp.

95856D
6E9296
726E96

Tetradic

95856D
6E9672
6E7E96
966E92

Contrast Matrix WCAG 2.1 Contrast

95856D
8A7C71
786565
665D64
524F53
—
1.1
Fail
1.5
Fail
1.8
Fail
2.2
Fail
1.1
Fail
—
1.4
Fail
1.6
Fail
2.0
Fail
1.5
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
2.2
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
White BG
3.6AA Large
4.0AA Large
5.5AA
6.3AA
8.1AAA
Black BG
5.9AA
5.2AA
3.8AA Large
3.3AA Large
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E73
848474
707065
626262
515152

Deuteranopia

8F9074
858674
717265
636362
515152

Tritanopia

947778
897676
776565
666161
525151

Achromatopsia

878787
7F7F7F
6B6B6B
606060
505050

Shades & Tints Shades & Tints

#95856D

Dark
Light

#8A7C71

Dark
Light

#786565

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95856d;
  --color-2: #8a7c71;
  --color-3: #786565;
  --color-4: #665d64;
  --color-5: #524f53;
}

SCSS

$color-1: #95856d;
$color-2: #8a7c71;
$color-3: #786565;
$color-4: #665d64;
$color-5: #524f53;

TAILWIND

colors: {
  'brand-1': '#95856d',
  'brand-2': '#8a7c71',
  'brand-3': '#786565',
  'brand-4': '#665d64',
  'brand-5': '#524f53',
}

RGB Array

[149, 133, 109], [138, 124, 113], [120, 101, 101], [102, 93, 100], [82, 79, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95856D, #8A7C71, #786565, #665D64, #524F53 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: #95856d; --color-2: #8a7c71; --color-3: #786565; --color-4: #665d64; --color-5: #524f53. 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