← Back to Editor

#634729 · #62583F · #616E5C · #5F897E · #5EA29E

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

#634729

Ochre · DarkOliveGreen · Amber Brown

HEX
#634729
RGB
rgb(99, 71, 41)
HSL
hsl(31, 41%, 27%)
HSB
hsb(31, 59%, 39%)
CMYK
cmyk(0%, 28%, 59%, 61%)
Oklch
oklch(42.1% 0.059 67.0)

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

#62583F

Ochre · DarkOliveGreen · Honey Gold

HEX
#62583F
RGB
rgb(98, 88, 63)
HSL
hsl(43, 22%, 32%)
HSB
hsb(43, 36%, 38%)
CMYK
cmyk(0%, 10%, 36%, 62%)
Oklch
oklch(46.3% 0.040 88.7)

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

#616E5C

Celadon · DimGray · Charcoal

HEX
#616E5C
RGB
rgb(97, 110, 92)
HSL
hsl(103, 9%, 40%)
HSB
hsb(103, 16%, 43%)
CMYK
cmyk(12%, 0%, 16%, 57%)
Oklch
oklch(52.2% 0.032 137.0)

Traditional「Celadon」· Paint「Charcoal」· Creative Midnight Shadow

#5F897E

Mineral Blue · SlateGray · Mint Ice

HEX
#5F897E
RGB
rgb(95, 137, 126)
HSL
hsl(164, 18%, 45%)
HSB
hsb(164, 31%, 54%)
CMYK
cmyk(31%, 0%, 8%, 46%)
Oklch
oklch(59.6% 0.049 176.4)

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

#5EA29E

Mineral Blue · CadetBlue · Mint Ice

HEX
#5EA29E
RGB
rgb(94, 162, 158)
HSL
hsl(176, 27%, 50%)
HSB
hsb(176, 42%, 64%)
CMYK
cmyk(42%, 0%, 2%, 36%)
Oklch
oklch(66.6% 0.070 190.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

634729
294461

Analogous

612A29
634729
606129

Triadic

634729
296146
462961

Split-Comp.

634729
296061
2A2961

Tetradic

634729
29612A
294461
612960

Contrast Matrix WCAG 2.1 Contrast

634729
62583F
616E5C
5F897E
5EA29E
—
1.2
Fail
1.6
Fail
2.2
Fail
2.9
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
2.4
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
2.2
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
2.9
Fail
2.4
Fail
1.8
Fail
1.3
Fail
—
White BG
8.5AAA
7.0AAA
5.4AA
3.9AA Large
2.9Fail
Black BG
2.5Fail
3.0Fail
3.9AA Large
5.4AA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

575730
5E5E45
676760
717281
7B7C9F

Deuteranopia

595B32
5E5F47
666561
6F6C81
78729F

Tritanopia

623637
624A4B
626465
618383
61A0A0

Achromatopsia

4C4C4C
585858
686868
7B7B7B
8D8D8D

Shades & Tints Shades & Tints

#634729

Dark
Light

#62583F

Dark
Light

#616E5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #634729;
  --color-2: #62583f;
  --color-3: #616e5c;
  --color-4: #5f897e;
  --color-5: #5ea29e;
}

SCSS

$color-1: #634729;
$color-2: #62583f;
$color-3: #616e5c;
$color-4: #5f897e;
$color-5: #5ea29e;

TAILWIND

colors: {
  'brand-1': '#634729',
  'brand-2': '#62583f',
  'brand-3': '#616e5c',
  'brand-4': '#5f897e',
  'brand-5': '#5ea29e',
}

RGB Array

[99, 71, 41], [98, 88, 63], [97, 110, 92], [95, 137, 126], [94, 162, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #634729, #62583F, #616E5C, #5F897E, #5EA29E 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: #634729; --color-2: #62583f; --color-3: #616e5c; --color-4: #5f897e; --color-5: #5ea29e. 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