← Back to Editor

#290F10 · #53212C · #763440 · #D5D8BD · #9B9C72

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 LibraryData Visualization

Color Details Color Details

#290F10

Crimson · Black · Deep Berry

HEX
#290F10
RGB
rgb(41, 15, 16)
HSL
hsl(358, 46%, 11%)
HSB
hsb(358, 63%, 16%)
CMYK
cmyk(0%, 63%, 61%, 84%)
Oklch
oklch(20.9% 0.043 19.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#53212C

Crimson · DarkSlateGray · Wine Red

HEX
#53212C
RGB
rgb(83, 33, 44)
HSL
hsl(347, 43%, 23%)
HSB
hsb(347, 60%, 33%)
CMYK
cmyk(0%, 60%, 47%, 67%)
Oklch
oklch(32.4% 0.075 8.5)

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

#763440

Crimson · Brown · Wine Red

HEX
#763440
RGB
rgb(118, 52, 64)
HSL
hsl(349, 39%, 33%)
HSB
hsb(349, 56%, 46%)
CMYK
cmyk(0%, 56%, 46%, 54%)
Oklch
oklch(41.7% 0.093 10.7)

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

#D5D8BD

Fresh Green · LightGray · Lemon Cream

HEX
#D5D8BD
RGB
rgb(213, 216, 189)
HSL
hsl(67, 26%, 79%)
HSB
hsb(67, 12%, 85%)
CMYK
cmyk(1%, 0%, 12%, 15%)
Oklch
oklch(87.3% 0.036 112.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#9B9C72

Autumn Sage · Gray · Sunflower

HEX
#9B9C72
RGB
rgb(155, 156, 114)
HSL
hsl(61, 18%, 53%)
HSB
hsb(61, 27%, 61%)
CMYK
cmyk(1%, 0%, 27%, 39%)
Oklch
oklch(68.1% 0.058 109.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

290F10
0F2928

Analogous

290F1D
290F10
291B0F

Triadic

290F10
10290F
0F1029

Split-Comp.

290F10
0F291B
0F1D29

Tetradic

290F10
1D290F
0F2928
1B0F29

Contrast Matrix WCAG 2.1 Contrast

290F10
53212C
763440
D5D8BD
9B9C72
—
1.4
Fail
2.0
Fail
12.3
AAA
6.3
AA
1.4
Fail
—
1.4
Fail
8.9
AAA
4.6
AA
2.0
Fail
1.4
Fail
—
6.2
AA
3.2
AA Large
12.3
AAA
8.9
AAA
6.2
AA
—
1.9
Fail
6.3
AA
4.6
AA
3.2
AA Large
1.9
Fail
—
White BG
17.9AAA
12.9AAA
9.0AAA
1.5Fail
2.8Fail
Black BG
1.2Fail
1.6Fail
2.3Fail
14.4AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E10
3D3D29
59593D
D6D6C4
9B9B7C

Deuteranopia

1F2110
404429
5D623C
D6D6C5
9B9B7F

Tritanopia

281010
512727
733B3A
D5C9CA
9B8486

Achromatopsia

171717
313131
494949
D4D4D4
979797

Shades & Tints Shades & Tints

#290F10

Dark
Light

#53212C

Dark
Light

#763440

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #290f10;
  --color-2: #53212c;
  --color-3: #763440;
  --color-4: #d5d8bd;
  --color-5: #9b9c72;
}

SCSS

$color-1: #290f10;
$color-2: #53212c;
$color-3: #763440;
$color-4: #d5d8bd;
$color-5: #9b9c72;

TAILWIND

colors: {
  'brand-1': '#290f10',
  'brand-2': '#53212c',
  'brand-3': '#763440',
  'brand-4': '#d5d8bd',
  'brand-5': '#9b9c72',
}

RGB Array

[41, 15, 16], [83, 33, 44], [118, 52, 64], [213, 216, 189], [155, 156, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #290F10, #53212C, #763440, #D5D8BD, #9B9C72 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #290f10; --color-2: #53212c; --color-3: #763440; --color-4: #d5d8bd; --color-5: #9b9c72. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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. 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