← Back to Editor

#959387 · #7F5410 · #80483B · #4D493E · #21292C

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#959387

Ash · Gray · Silver Sand

HEX
#959387
RGB
rgb(149, 147, 135)
HSL
hsl(51, 6%, 56%)
HSB
hsb(51, 9%, 58%)
CMYK
cmyk(0%, 1%, 9%, 42%)
Oklch
oklch(66.1% 0.018 99.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#7F5410

Ochre · Sienna · Amber Brown

HEX
#7F5410
RGB
rgb(127, 84, 16)
HSL
hsl(37, 78%, 28%)
HSB
hsb(37, 87%, 50%)
CMYK
cmyk(0%, 34%, 87%, 50%)
Oklch
oklch(48.2% 0.096 72.4)

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

#80483B

Crimson · Sienna · Wine Red

HEX
#80483B
RGB
rgb(128, 72, 59)
HSL
hsl(11, 37%, 37%)
HSB
hsb(11, 54%, 50%)
CMYK
cmyk(0%, 44%, 54%, 50%)
Oklch
oklch(46.5% 0.080 34.0)

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

#4D493E

Ochre · DarkSlateGray · Honey Gold

HEX
#4D493E
RGB
rgb(77, 73, 62)
HSL
hsl(44, 11%, 27%)
HSB
hsb(44, 19%, 30%)
CMYK
cmyk(0%, 5%, 19%, 70%)
Oklch
oklch(40.6% 0.019 90.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#21292C

Slate Blue · DarkSlateGray · Peacock Green

HEX
#21292C
RGB
rgb(33, 41, 44)
HSL
hsl(196, 14%, 15%)
HSB
hsb(196, 25%, 17%)
CMYK
cmyk(25%, 7%, 0%, 83%)
Oklch
oklch(27.4% 0.013 222.5)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

959387
888A96

Analogous

968D88
959387
919688

Triadic

959387
889694
948896

Split-Comp.

959387
889196
8D8896

Tetradic

959387
88968D
888A96
968891

Contrast Matrix WCAG 2.1 Contrast

959387
7F5410
80483B
4D493E
21292C
—
2.1
Fail
2.3
Fail
2.9
Fail
4.8
AA
2.1
Fail
—
1.1
Fail
1.4
Fail
2.2
Fail
2.3
Fail
1.1
Fail
—
1.2
Fail
2.1
Fail
2.9
Fail
1.4
Fail
1.2
Fail
—
1.6
Fail
4.8
AA
2.2
Fail
2.1
Fail
1.6
Fail
—
White BG
3.1AA Large
6.6AA
7.2AAA
9.0AAA
14.8AAA
Black BG
6.8AA
3.2AA Large
2.9Fail
2.3Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

94948A
6C6C20
68673E
4B4B41
24252B

Deuteranopia

94948B
6F7224
6B6F3F
4C4C41
24232B

Tritanopia

958C8D
7D2D30
7D4141
4D4343
212B2B

Achromatopsia

929292
595959
575757
494949
272727

Shades & Tints Shades & Tints

#959387

Dark
Light

#7F5410

Dark
Light

#80483B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #959387;
  --color-2: #7f5410;
  --color-3: #80483b;
  --color-4: #4d493e;
  --color-5: #21292c;
}

SCSS

$color-1: #959387;
$color-2: #7f5410;
$color-3: #80483b;
$color-4: #4d493e;
$color-5: #21292c;

TAILWIND

colors: {
  'brand-1': '#959387',
  'brand-2': '#7f5410',
  'brand-3': '#80483b',
  'brand-4': '#4d493e',
  'brand-5': '#21292c',
}

RGB Array

[149, 147, 135], [127, 84, 16], [128, 72, 59], [77, 73, 62], [33, 41, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #959387, #7F5410, #80483B, #4D493E, #21292C is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #959387; --color-2: #7f5410; --color-3: #80483b; --color-4: #4d493e; --color-5: #21292c. 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 warm-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