← Back to Editor

#427B82 · #354E52 · #797A4D · #4E4F36 · #BCBF60

muted

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#427B82

Slate Blue · SlateGray · Mint Ice

HEX
#427B82
RGB
rgb(66, 123, 130)
HSL
hsl(187, 33%, 38%)
HSB
hsb(187, 49%, 51%)
CMYK
cmyk(49%, 5%, 0%, 49%)
Oklch
oklch(54.7% 0.061 205.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#354E52

Slate Blue · DarkSlateGray · Mint Ice

HEX
#354E52
RGB
rgb(53, 78, 82)
HSL
hsl(188, 21%, 26%)
HSB
hsb(188, 35%, 32%)
CMYK
cmyk(35%, 5%, 0%, 68%)
Oklch
oklch(40.5% 0.031 208.4)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#797A4D

Autumn Sage · DimGray · Honey Gold

HEX
#797A4D
RGB
rgb(121, 122, 77)
HSL
hsl(61, 23%, 39%)
HSB
hsb(61, 37%, 48%)
CMYK
cmyk(1%, 0%, 37%, 52%)
Oklch
oklch(56.7% 0.064 109.4)

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

#4E4F36

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#4E4F36
RGB
rgb(78, 79, 54)
HSL
hsl(62, 19%, 26%)
HSB
hsb(62, 32%, 31%)
CMYK
cmyk(1%, 0%, 32%, 69%)
Oklch
oklch(42.0% 0.039 109.9)

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

#BCBF60

Autumn Sage · Tan · Sunflower

HEX
#BCBF60
RGB
rgb(188, 191, 96)
HSL
hsl(62, 43%, 56%)
HSB
hsb(62, 50%, 75%)
CMYK
cmyk(2%, 0%, 50%, 25%)
Oklch
oklch(78.2% 0.119 110.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

427B82
814841

Analogous

418168
427B82
415981

Triadic

427B82
814179
798141

Split-Comp.

427B82
814159
816841

Tetradic

427B82
684181
814841
598141

Contrast Matrix WCAG 2.1 Contrast

427B82
354E52
797A4D
4E4F36
BCBF60
—
1.9
Fail
1.1
Fail
1.8
Fail
2.5
Fail
1.9
Fail
—
2.0
Fail
1.1
Fail
4.6
AA
1.1
Fail
2.0
Fail
—
1.9
Fail
2.3
Fail
1.8
Fail
1.1
Fail
1.9
Fail
—
4.3
AA Large
2.5
Fail
4.6
AA
2.3
Fail
4.3
AA Large
—
White BG
4.8AA
8.9AAA
4.5AA Large
8.4AAA
2.0Fail
Black BG
4.4AA Large
2.4Fail
4.7AA
2.5Fail
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5B80
404051
797958
4E4E3C
BDBD77

Deuteranopia

575380
3E3C51
79795B
4E4E3E
BDBD7C

Tritanopia

457F7F
365050
796062
4E4142
BC898D

Achromatopsia

6B6B6B
474747
757575
4C4C4C
B3B3B3

Shades & Tints Shades & Tints

#427B82

Dark
Light

#354E52

Dark
Light

#797A4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #427b82;
  --color-2: #354e52;
  --color-3: #797a4d;
  --color-4: #4e4f36;
  --color-5: #bcbf60;
}

SCSS

$color-1: #427b82;
$color-2: #354e52;
$color-3: #797a4d;
$color-4: #4e4f36;
$color-5: #bcbf60;

TAILWIND

colors: {
  'brand-1': '#427b82',
  'brand-2': '#354e52',
  'brand-3': '#797a4d',
  'brand-4': '#4e4f36',
  'brand-5': '#bcbf60',
}

RGB Array

[66, 123, 130], [53, 78, 82], [121, 122, 77], [78, 79, 54], [188, 191, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #427B82, #354E52, #797A4D, #4E4F36, #BCBF60 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: #427b82; --color-2: #354e52; --color-3: #797a4d; --color-4: #4e4f36; --color-5: #bcbf60. 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