← Back to Editor

#858F91 · #837070 · #785A54 · #594C3D · #414032

muted

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

#858F91

Ash · LightSlateGray · Warm Gray

HEX
#858F91
RGB
rgb(133, 143, 145)
HSL
hsl(190, 5%, 55%)
HSB
hsb(190, 8%, 57%)
CMYK
cmyk(8%, 1%, 0%, 43%)
Oklch
oklch(64.3% 0.012 211.0)

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

#837070

Crimson · Gray · Warm Gray

HEX
#837070
RGB
rgb(131, 112, 112)
HSL
hsl(0, 8%, 48%)
HSB
hsb(0, 15%, 51%)
CMYK
cmyk(0%, 15%, 15%, 49%)
Oklch
oklch(56.3% 0.024 17.9)

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

#785A54

Crimson · DimGray · Wine Red

HEX
#785A54
RGB
rgb(120, 90, 84)
HSL
hsl(10, 18%, 40%)
HSB
hsb(10, 30%, 47%)
CMYK
cmyk(0%, 25%, 30%, 53%)
Oklch
oklch(49.7% 0.041 31.4)

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

#594C3D

Ochre · DarkOliveGreen · Amber Brown

HEX
#594C3D
RGB
rgb(89, 76, 61)
HSL
hsl(32, 19%, 29%)
HSB
hsb(32, 31%, 35%)
CMYK
cmyk(0%, 15%, 31%, 65%)
Oklch
oklch(42.5% 0.029 70.9)

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

#414032

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#414032
RGB
rgb(65, 64, 50)
HSL
hsl(56, 13%, 23%)
HSB
hsb(56, 23%, 25%)
CMYK
cmyk(0%, 2%, 23%, 75%)
Oklch
oklch(36.8% 0.023 104.1)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

858F91
928887

Analogous

87928E
858F91
878A92

Triadic

858F91
928790
909287

Split-Comp.

858F91
92878A
928E87

Tetradic

858F91
8E8792
928887
8A9287

Contrast Matrix WCAG 2.1 Contrast

858F91
837070
785A54
594C3D
414032
—
1.4
Fail
1.9
Fail
2.5
Fail
3.2
AA Large
1.4
Fail
—
1.3
Fail
1.8
Fail
2.3
Fail
1.9
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
2.5
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
3.2
AA Large
2.3
Fail
1.7
Fail
1.3
Fail
—
White BG
3.3AA Large
4.6AA
6.2AA
8.3AAA
10.5AAA
Black BG
6.3AA
4.5AA
3.4AA Large
2.5Fail
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

898991
7B7B70
6B6B55
535341
414135

Deuteranopia

898890
7C7D70
6D6F56
545542
414136

Tritanopia

869090
827070
775757
584344
413839

Achromatopsia

8C8C8C
767676
626262
4E4E4E
3F3F3F

Shades & Tints Shades & Tints

#858F91

Dark
Light

#837070

Dark
Light

#785A54

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #858f91;
  --color-2: #837070;
  --color-3: #785a54;
  --color-4: #594c3d;
  --color-5: #414032;
}

SCSS

$color-1: #858f91;
$color-2: #837070;
$color-3: #785a54;
$color-4: #594c3d;
$color-5: #414032;

TAILWIND

colors: {
  'brand-1': '#858f91',
  'brand-2': '#837070',
  'brand-3': '#785a54',
  'brand-4': '#594c3d',
  'brand-5': '#414032',
}

RGB Array

[133, 143, 145], [131, 112, 112], [120, 90, 84], [89, 76, 61], [65, 64, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #858F91, #837070, #785A54, #594C3D, #414032 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: #858f91; --color-2: #837070; --color-3: #785a54; --color-4: #594c3d; --color-5: #414032. 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 muted-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