← Back to Editor

#424042 · #505245 · #6A6E52 · #5C806B · #2D8C83

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#424042

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#424042
RGB
rgb(66, 64, 66)
HSL
hsl(300, 2%, 25%)
HSB
hsb(300, 3%, 26%)
CMYK
cmyk(0%, 3%, 0%, 74%)
Oklch
oklch(37.4% 0.004 325.7)

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

#505245

Autumn Sage · DarkOliveGreen · Charcoal

HEX
#505245
RGB
rgb(80, 82, 69)
HSL
hsl(69, 9%, 30%)
HSB
hsb(69, 16%, 32%)
CMYK
cmyk(2%, 0%, 16%, 68%)
Oklch
oklch(43.3% 0.021 114.4)

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

#6A6E52

Autumn Sage · DimGray · Honey Gold

HEX
#6A6E52
RGB
rgb(106, 110, 82)
HSL
hsl(69, 15%, 38%)
HSB
hsb(69, 25%, 43%)
CMYK
cmyk(4%, 0%, 25%, 57%)
Oklch
oklch(52.7% 0.042 114.5)

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

#5C806B

Celadon · DimGray · Olive Green

HEX
#5C806B
RGB
rgb(92, 128, 107)
HSL
hsl(145, 16%, 43%)
HSB
hsb(145, 28%, 50%)
CMYK
cmyk(28%, 0%, 16%, 50%)
Oklch
oklch(56.6% 0.052 158.6)

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

#2D8C83

Mineral Blue · SeaGreen · Mint Ice

HEX
#2D8C83
RGB
rgb(45, 140, 131)
HSL
hsl(174, 51%, 36%)
HSB
hsb(174, 68%, 55%)
CMYK
cmyk(68%, 0%, 6%, 45%)
Oklch
oklch(58.3% 0.088 186.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

424042
3E413E

Analogous

403E41
424042
413E40

Triadic

424042
41413E
3E4141

Split-Comp.

424042
40413E
3E4140

Tetradic

424042
41403E
3E413E
3E4041

Contrast Matrix WCAG 2.1 Contrast

424042
505245
6A6E52
5C806B
2D8C83
—
1.3
Fail
1.9
Fail
2.3
Fail
2.5
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
2.0
Fail
1.9
Fail
1.5
Fail
—
1.2
Fail
1.3
Fail
2.3
Fail
1.8
Fail
1.2
Fail
—
1.1
Fail
2.5
Fail
2.0
Fail
1.3
Fail
1.1
Fail
—
White BG
10.3AAA
8.0AAA
5.3AA
4.4AA Large
4.0AA Large
Black BG
2.0Fail
2.6Fail
4.0AA Large
4.8AA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414142
515148
6C6C59
6C6C70
565785

Deuteranopia

414141
515149
6C6B5A
6A6771
514A86

Tritanopia

424141
504B4B
6A5E5F
5E7475
328787

Achromatopsia

414141
505050
6A6A6A
737373
6F6F6F

Shades & Tints Shades & Tints

#424042

Dark
Light

#505245

Dark
Light

#6A6E52

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #424042;
  --color-2: #505245;
  --color-3: #6a6e52;
  --color-4: #5c806b;
  --color-5: #2d8c83;
}

SCSS

$color-1: #424042;
$color-2: #505245;
$color-3: #6a6e52;
$color-4: #5c806b;
$color-5: #2d8c83;

TAILWIND

colors: {
  'brand-1': '#424042',
  'brand-2': '#505245',
  'brand-3': '#6a6e52',
  'brand-4': '#5c806b',
  'brand-5': '#2d8c83',
}

RGB Array

[66, 64, 66], [80, 82, 69], [106, 110, 82], [92, 128, 107], [45, 140, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #424042, #505245, #6A6E52, #5C806B, #2D8C83 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: #424042; --color-2: #505245; --color-3: #6a6e52; --color-4: #5c806b; --color-5: #2d8c83. 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