← Back to Editor

#404039 · #525145 · #6D6B58 · #848471 · #B9EF2A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#404039

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#404039
RGB
rgb(64, 64, 57)
HSL
hsl(60, 6%, 24%)
HSB
hsb(60, 11%, 25%)
CMYK
cmyk(0%, 0%, 11%, 75%)
Oklch
oklch(36.9% 0.012 107.0)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#525145

Autumn Sage · DarkOliveGreen · Charcoal

HEX
#525145
RGB
rgb(82, 81, 69)
HSL
hsl(55, 9%, 30%)
HSB
hsb(55, 16%, 32%)
CMYK
cmyk(0%, 1%, 16%, 68%)
Oklch
oklch(43.2% 0.019 103.3)

Traditional「Autumn Sage」· Paint「Charcoal」· Creative Midnight Shadow

#6D6B58

Autumn Sage · DimGray · Honey Gold

HEX
#6D6B58
RGB
rgb(109, 107, 88)
HSL
hsl(54, 11%, 39%)
HSB
hsb(54, 19%, 43%)
CMYK
cmyk(0%, 2%, 19%, 57%)
Oklch
oklch(52.4% 0.029 102.4)

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

#848471

Autumn Sage · Gray · Warm Gray

HEX
#848471
RGB
rgb(132, 132, 113)
HSL
hsl(60, 8%, 48%)
HSB
hsb(60, 14%, 52%)
CMYK
cmyk(0%, 0%, 14%, 48%)
Oklch
oklch(60.8% 0.028 107.2)

Traditional「Autumn Sage」· Paint「Warm Gray」· Creative Urban Concrete

#B9EF2A

Grass Green · GreenYellow · Olive Green

HEX
#B9EF2A
RGB
rgb(185, 239, 42)
HSL
hsl(76, 86%, 55%)
HSB
hsb(76, 82%, 94%)
CMYK
cmyk(23%, 0%, 82%, 6%)
Oklch
oklch(88.3% 0.212 125.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

404039
3A3A41

Analogous

413D3A
404039
3D413A

Triadic

404039
3A4141
413A41

Split-Comp.

404039
3A3D41
3D3A41

Tetradic

404039
3A413D
3A3A41
413A3D

Contrast Matrix WCAG 2.1 Contrast

404039
525145
6D6B58
848471
B9EF2A
—
1.3
Fail
1.9
Fail
2.7
Fail
7.7
AAA
1.3
Fail
—
1.5
Fail
2.1
Fail
5.9
AA
1.9
Fail
1.5
Fail
—
1.4
Fail
4.0
AA Large
2.7
Fail
2.1
Fail
1.4
Fail
—
2.8
Fail
7.7
AAA
5.9
AA
4.0
AA Large
2.8
Fail
—
White BG
10.4AAA
8.0AAA
5.4AA
3.8AA Large
1.4Fail
Black BG
2.0Fail
2.6Fail
3.9AA Large
5.5AA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

40403B
525248
6C6C5D
848476
D0D15A

Deuteranopia

40403B
525249
6C6C5E
848477
CDC965

Tritanopia

403C3C
524A4B
6D6061
84797A
BC7F88

Achromatopsia

3F3F3F
505050
696969
828282
C8C8C8

Shades & Tints Shades & Tints

#404039

Dark
Light

#525145

Dark
Light

#6D6B58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #404039;
  --color-2: #525145;
  --color-3: #6d6b58;
  --color-4: #848471;
  --color-5: #b9ef2a;
}

SCSS

$color-1: #404039;
$color-2: #525145;
$color-3: #6d6b58;
$color-4: #848471;
$color-5: #b9ef2a;

TAILWIND

colors: {
  'brand-1': '#404039',
  'brand-2': '#525145',
  'brand-3': '#6d6b58',
  'brand-4': '#848471',
  'brand-5': '#b9ef2a',
}

RGB Array

[64, 64, 57], [82, 81, 69], [109, 107, 88], [132, 132, 113], [185, 239, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #404039, #525145, #6D6B58, #848471, #B9EF2A 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: #404039; --color-2: #525145; --color-3: #6d6b58; --color-4: #848471; --color-5: #b9ef2a. 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 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