← Back to Editor

#829581 · #495D54 · #1F201B · #735F3C · #8B7B5A

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

#829581

Celadon · Gray · Warm Gray

HEX
#829581
RGB
rgb(130, 149, 129)
HSL
hsl(117, 9%, 55%)
HSB
hsb(117, 13%, 58%)
CMYK
cmyk(13%, 0%, 13%, 42%)
Oklch
oklch(64.9% 0.036 143.8)

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

#495D54

Mineral Blue · DarkSlateGray · Forest Green

HEX
#495D54
RGB
rgb(73, 93, 84)
HSL
hsl(153, 12%, 33%)
HSB
hsb(153, 22%, 36%)
CMYK
cmyk(22%, 0%, 10%, 64%)
Oklch
oklch(45.9% 0.028 166.0)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#1F201B

Grass Green · Black · Dark Stone

HEX
#1F201B
RGB
rgb(31, 32, 27)
HSL
hsl(72, 8%, 12%)
HSB
hsb(72, 16%, 13%)
CMYK
cmyk(3%, 0%, 16%, 87%)
Oklch
oklch(24.1% 0.009 116.3)

Traditional「Grass Green」· Paint「Dark Stone」· Creative Midnight Shadow

#735F3C

Ochre · DarkOliveGreen · Amber Brown

HEX
#735F3C
RGB
rgb(115, 95, 60)
HSL
hsl(38, 31%, 34%)
HSB
hsb(38, 48%, 45%)
CMYK
cmyk(0%, 17%, 48%, 55%)
Oklch
oklch(49.7% 0.057 80.8)

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

#8B7B5A

Ochre · Gray · Honey Gold

HEX
#8B7B5A
RGB
rgb(139, 123, 90)
HSL
hsl(40, 21%, 45%)
HSB
hsb(40, 35%, 55%)
CMYK
cmyk(0%, 12%, 35%, 45%)
Oklch
oklch(58.9% 0.051 85.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

829581
968297

Analogous

8D9782
829581
82978B

Triadic

829581
828397
978283

Split-Comp.

829581
8B8297
97828D

Tetradic

829581
828D97
968297
978B82

Contrast Matrix WCAG 2.1 Contrast

829581
495D54
1F201B
735F3C
8B7B5A
—
2.2
Fail
5.1
AA
1.9
Fail
1.3
Fail
2.2
Fail
—
2.3
Fail
1.2
Fail
1.7
Fail
5.1
AA
2.3
Fail
—
2.7
Fail
4.0
AA Large
1.9
Fail
1.2
Fail
2.7
Fail
—
1.5
Fail
1.3
Fail
1.7
Fail
4.0
AA Large
1.5
Fail
—
White BG
3.2AA Large
7.1AAA
16.4AAA
6.1AA
4.1AA Large
Black BG
6.6AA
3.0Fail
1.3Fail
3.4AA Large
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8A86
525256
1F1F1C
6A6A44
848462

Deuteranopia

898887
514F57
1F1F1D
6C6D47
858664

Tritanopia

838A8B
4A5858
1F1D1D
724B4D
8A686A

Achromatopsia

8D8D8D
565656
1F1F1F
616161
7C7C7C

Shades & Tints Shades & Tints

#829581

Dark
Light

#495D54

Dark
Light

#1F201B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #829581;
  --color-2: #495d54;
  --color-3: #1f201b;
  --color-4: #735f3c;
  --color-5: #8b7b5a;
}

SCSS

$color-1: #829581;
$color-2: #495d54;
$color-3: #1f201b;
$color-4: #735f3c;
$color-5: #8b7b5a;

TAILWIND

colors: {
  'brand-1': '#829581',
  'brand-2': '#495d54',
  'brand-3': '#1f201b',
  'brand-4': '#735f3c',
  'brand-5': '#8b7b5a',
}

RGB Array

[130, 149, 129], [73, 93, 84], [31, 32, 27], [115, 95, 60], [139, 123, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #829581, #495D54, #1F201B, #735F3C, #8B7B5A 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: #829581; --color-2: #495d54; --color-3: #1f201b; --color-4: #735f3c; --color-5: #8b7b5a. 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 general-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