← Back to Editor

#2F1623 · #40323C · #514E56 · #61696F · #728588

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

#2F1623

Rose Purple · Black · Raspberry

HEX
#2F1623
RGB
rgb(47, 22, 35)
HSL
hsl(329, 36%, 14%)
HSB
hsb(329, 53%, 18%)
CMYK
cmyk(0%, 53%, 26%, 82%)
Oklch
oklch(24.1% 0.045 348.5)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#40323C

Rose Purple · DarkSlateGray · Eggplant

HEX
#40323C
RGB
rgb(64, 50, 60)
HSL
hsl(317, 12%, 22%)
HSB
hsb(317, 22%, 25%)
CMYK
cmyk(0%, 22%, 6%, 75%)
Oklch
oklch(33.6% 0.026 336.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#514E56

Ink Gray · DarkSlateGray · Charcoal

HEX
#514E56
RGB
rgb(81, 78, 86)
HSL
hsl(262, 5%, 32%)
HSB
hsb(262, 9%, 34%)
CMYK
cmyk(6%, 9%, 0%, 66%)
Oklch
oklch(43.0% 0.014 302.8)

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

#61696F

Ink Gray · DimGray · Warm Gray

HEX
#61696F
RGB
rgb(97, 105, 111)
HSL
hsl(206, 7%, 41%)
HSB
hsb(206, 13%, 44%)
CMYK
cmyk(13%, 5%, 0%, 56%)
Oklch
oklch(51.6% 0.014 240.1)

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

#728588

Slate Blue · SlateGray · Warm Gray

HEX
#728588
RGB
rgb(114, 133, 136)
HSL
hsl(188, 9%, 49%)
HSB
hsb(188, 16%, 53%)
CMYK
cmyk(16%, 2%, 0%, 47%)
Oklch
oklch(60.3% 0.023 208.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F1623
173123

Analogous

301731
2F1623
311717

Triadic

2F1623
243117
172431

Split-Comp.

2F1623
173117
173130

Tetradic

2F1623
313017
173123
171731

Contrast Matrix WCAG 2.1 Contrast

2F1623
40323C
514E56
61696F
728588
—
1.4
Fail
2.0
Fail
3.0
Fail
4.3
AA Large
1.4
Fail
—
1.5
Fail
2.2
Fail
3.1
AA Large
2.0
Fail
1.5
Fail
—
1.5
Fail
2.1
Fail
3.0
Fail
2.2
Fail
1.5
Fail
—
1.4
Fail
4.3
AA Large
3.1
AA Large
2.1
Fail
1.4
Fail
—
White BG
16.7AAA
12.1AAA
8.2AAA
5.6AA
3.9AA Large
Black BG
1.3Fail
1.7Fail
2.6Fail
3.8AA Large
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242420
3A3A3A
505054
64656E
7A7A87

Deuteranopia

26281F
3B3C39
505054
64636D
797887

Tritanopia

2E1D1D
3F3837
515352
616C6C
738787

Achromatopsia

1F1F1F
373737
505050
676767
808080

Shades & Tints Shades & Tints

#2F1623

Dark
Light

#40323C

Dark
Light

#514E56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f1623;
  --color-2: #40323c;
  --color-3: #514e56;
  --color-4: #61696f;
  --color-5: #728588;
}

SCSS

$color-1: #2f1623;
$color-2: #40323c;
$color-3: #514e56;
$color-4: #61696f;
$color-5: #728588;

TAILWIND

colors: {
  'brand-1': '#2f1623',
  'brand-2': '#40323c',
  'brand-3': '#514e56',
  'brand-4': '#61696f',
  'brand-5': '#728588',
}

RGB Array

[47, 22, 35], [64, 50, 60], [81, 78, 86], [97, 105, 111], [114, 133, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #2F1623, #40323C, #514E56, #61696F, #728588 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: #2f1623; --color-2: #40323c; --color-3: #514e56; --color-4: #61696f; --color-5: #728588. 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