← Back to Editor

#B59C79 · #B87365 · #995F5F · #695454 · #574B4F

muted

A 5-color muted 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

#B59C79

Ginger · Tan · Warm Sun

HEX
#B59C79
RGB
rgb(181, 156, 121)
HSL
hsl(35, 29%, 59%)
HSB
hsb(35, 33%, 71%)
CMYK
cmyk(0%, 14%, 33%, 29%)
Oklch
oklch(70.6% 0.057 75.9)

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

#B87365

Crimson · Gray · Passion Red

HEX
#B87365
RGB
rgb(184, 115, 101)
HSL
hsl(10, 37%, 56%)
HSB
hsb(10, 45%, 72%)
CMYK
cmyk(0%, 38%, 45%, 28%)
Oklch
oklch(62.6% 0.091 32.1)

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

#995F5F

Crimson · DimGray · Passion Red

HEX
#995F5F
RGB
rgb(153, 95, 95)
HSL
hsl(0, 23%, 49%)
HSB
hsb(0, 38%, 60%)
CMYK
cmyk(0%, 38%, 38%, 40%)
Oklch
oklch(54.9% 0.076 19.8)

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

#695454

Crimson · DimGray · Wine Red

HEX
#695454
RGB
rgb(105, 84, 84)
HSL
hsl(0, 11%, 37%)
HSB
hsb(0, 20%, 41%)
CMYK
cmyk(0%, 20%, 20%, 59%)
Oklch
oklch(46.7% 0.028 18.2)

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

#574B4F

Ink Gray · DarkSlateGray · Charcoal

HEX
#574B4F
RGB
rgb(87, 75, 79)
HSL
hsl(340, 7%, 32%)
HSB
hsb(340, 14%, 34%)
CMYK
cmyk(0%, 14%, 9%, 66%)
Oklch
oklch(42.6% 0.017 355.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B59C79
7891B5

Analogous

B57D78
B59C79
B0B578

Triadic

B59C79
78B59C
9C78B5

Split-Comp.

B59C79
78B0B5
7D78B5

Tetradic

B59C79
78B57D
7891B5
B578B0

Contrast Matrix WCAG 2.1 Contrast

B59C79
B87365
995F5F
695454
574B4F
—
1.4
Fail
1.9
Fail
2.7
Fail
3.2
AA Large
1.4
Fail
—
1.4
Fail
1.9
Fail
2.2
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
2.7
Fail
1.9
Fail
1.4
Fail
—
1.2
Fail
3.2
AA Large
2.2
Fail
1.6
Fail
1.2
Fail
—
White BG
2.6Fail
3.7AA Large
5.1AA
7.0AAA
8.3AAA
Black BG
8.0AAA
5.7AA
4.2AA Large
3.0Fail
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAA81
9A9A68
807F5F
606054
52524E

Deuteranopia

ACAE84
9EA369
83885F
616354
53534E

Tritanopia

B4888A
B56B6C
965F5F
685454
564D4D

Achromatopsia

9F9F9F
868686
707070
5A5A5A
4F4F4F

Shades & Tints Shades & Tints

#B59C79

Dark
Light

#B87365

Dark
Light

#995F5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b59c79;
  --color-2: #b87365;
  --color-3: #995f5f;
  --color-4: #695454;
  --color-5: #574b4f;
}

SCSS

$color-1: #b59c79;
$color-2: #b87365;
$color-3: #995f5f;
$color-4: #695454;
$color-5: #574b4f;

TAILWIND

colors: {
  'brand-1': '#b59c79',
  'brand-2': '#b87365',
  'brand-3': '#995f5f',
  'brand-4': '#695454',
  'brand-5': '#574b4f',
}

RGB Array

[181, 156, 121], [184, 115, 101], [153, 95, 95], [105, 84, 84], [87, 75, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #B59C79, #B87365, #995F5F, #695454, #574B4F 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: #b59c79; --color-2: #b87365; --color-3: #995f5f; --color-4: #695454; --color-5: #574b4f. 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 muted-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