← Back to Editor

#578C72 · #62704F · #615B43 · #66423C · #692938

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#578C72

Mineral Blue · DimGray · Olive Green

HEX
#578C72
RGB
rgb(87, 140, 114)
HSL
hsl(151, 23%, 45%)
HSB
hsb(151, 38%, 55%)
CMYK
cmyk(38%, 0%, 19%, 45%)
Oklch
oklch(59.5% 0.070 162.0)

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

#62704F

Grass Green · DimGray · Forest Green

HEX
#62704F
RGB
rgb(98, 112, 79)
HSL
hsl(85, 17%, 37%)
HSB
hsb(85, 29%, 44%)
CMYK
cmyk(13%, 0%, 29%, 56%)
Oklch
oklch(52.4% 0.052 126.8)

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

#615B43

Ochre · DarkOliveGreen · Honey Gold

HEX
#615B43
RGB
rgb(97, 91, 67)
HSL
hsl(48, 18%, 32%)
HSB
hsb(48, 31%, 38%)
CMYK
cmyk(0%, 6%, 31%, 62%)
Oklch
oklch(47.0% 0.037 95.7)

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

#66423C

Crimson · DarkOliveGreen · Wine Red

HEX
#66423C
RGB
rgb(102, 66, 60)
HSL
hsl(9, 26%, 32%)
HSB
hsb(9, 41%, 40%)
CMYK
cmyk(0%, 35%, 41%, 60%)
Oklch
oklch(41.9% 0.052 29.8)

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

#692938

Crimson · Brown · Wine Red

HEX
#692938
RGB
rgb(105, 41, 56)
HSL
hsl(346, 44%, 29%)
HSB
hsb(346, 61%, 41%)
CMYK
cmyk(0%, 61%, 47%, 59%)
Oklch
oklch(37.7% 0.093 8.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

578C72
8D5872

Analogous

588D59
578C72
588C8D

Triadic

578C72
74588D
8D7458

Split-Comp.

578C72
8D588C
8D5958

Tetradic

578C72
59588D
8D5872
8C8D58

Contrast Matrix WCAG 2.1 Contrast

578C72
62704F
615B43
66423C
692938
—
1.4
Fail
1.7
Fail
2.2
Fail
2.7
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.7
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
White BG
3.9AA Large
5.3AA
6.8AA
8.7AAA
10.6AAA
Black BG
5.4AA
3.9AA Large
3.1AA Large
2.4Fail
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E78
686857
5E5E49
56563D
4D4D34

Deuteranopia

6B677A
676659
5F5F4A
595B3E
515633

Tritanopia

5A7D7E
635D5F
614D4E
643F3F
663231

Achromatopsia

797979
686868
5A5A5A
4C4C4C
3E3E3E

Shades & Tints Shades & Tints

#578C72

Dark
Light

#62704F

Dark
Light

#615B43

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #578c72;
  --color-2: #62704f;
  --color-3: #615b43;
  --color-4: #66423c;
  --color-5: #692938;
}

SCSS

$color-1: #578c72;
$color-2: #62704f;
$color-3: #615b43;
$color-4: #66423c;
$color-5: #692938;

TAILWIND

colors: {
  'brand-1': '#578c72',
  'brand-2': '#62704f',
  'brand-3': '#615b43',
  'brand-4': '#66423c',
  'brand-5': '#692938',
}

RGB Array

[87, 140, 114], [98, 112, 79], [97, 91, 67], [102, 66, 60], [105, 41, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #578C72, #62704F, #615B43, #66423C, #692938 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: #578c72; --color-2: #62704f; --color-3: #615b43; --color-4: #66423c; --color-5: #692938. 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 dark-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