← Back to Editor

#62926F · #5D8163 · #576C57 · #515A4B · #43282E

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

#62926F

Celadon · Gray · Olive Green

HEX
#62926F
RGB
rgb(98, 146, 111)
HSL
hsl(136, 20%, 48%)
HSB
hsb(136, 33%, 57%)
CMYK
cmyk(33%, 0%, 24%, 43%)
Oklch
oklch(61.6% 0.074 152.3)

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

#5D8163

Celadon · DimGray · Olive Green

HEX
#5D8163
RGB
rgb(93, 129, 99)
HSL
hsl(130, 16%, 44%)
HSB
hsb(130, 28%, 51%)
CMYK
cmyk(28%, 0%, 23%, 49%)
Oklch
oklch(56.7% 0.061 149.2)

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

#576C57

Celadon · DimGray · Forest Green

HEX
#576C57
RGB
rgb(87, 108, 87)
HSL
hsl(120, 11%, 38%)
HSB
hsb(120, 19%, 42%)
CMYK
cmyk(19%, 0%, 19%, 58%)
Oklch
oklch(50.8% 0.041 144.9)

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

#515A4B

Celadon · DarkOliveGreen · Charcoal

HEX
#515A4B
RGB
rgb(81, 90, 75)
HSL
hsl(96, 9%, 32%)
HSB
hsb(96, 17%, 35%)
CMYK
cmyk(10%, 0%, 17%, 65%)
Oklch
oklch(45.5% 0.026 132.8)

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

#43282E

Crimson · DarkSlateGray · Wine Red

HEX
#43282E
RGB
rgb(67, 40, 46)
HSL
hsl(347, 25%, 21%)
HSB
hsb(347, 40%, 26%)
CMYK
cmyk(0%, 40%, 31%, 74%)
Oklch
oklch(31.3% 0.041 5.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

62926F
936286

Analogous

6D9362
62926F
629387

Triadic

62926F
6F6293
936F62

Split-Comp.

62926F
876293
93626D

Tetradic

62926F
626D93
936286
938762

Contrast Matrix WCAG 2.1 Contrast

62926F
5D8163
576C57
515A4B
43282E
—
1.2
Fail
1.6
Fail
2.0
Fail
3.7
AA Large
1.2
Fail
—
1.3
Fail
1.6
Fail
3.0
AA Large
1.6
Fail
1.3
Fail
—
1.3
Fail
2.3
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.8
Fail
3.7
AA Large
3.0
AA Large
2.3
Fail
1.8
Fail
—
White BG
3.6AA Large
4.4AA Large
5.7AA
7.2AAA
13.3AAA
Black BG
5.9AA
4.8AA
3.7AA Large
2.9Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

777777
6D6D6A
60605C
55554F
37372D

Deuteranopia

747079
6B686C
5F5D5D
545450
393B2C

Tritanopia

647E80
5F7071
586061
515152
422B2B

Achromatopsia

808080
737373
636363
565656
313131

Shades & Tints Shades & Tints

#62926F

Dark
Light

#5D8163

Dark
Light

#576C57

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #62926f;
  --color-2: #5d8163;
  --color-3: #576c57;
  --color-4: #515a4b;
  --color-5: #43282e;
}

SCSS

$color-1: #62926f;
$color-2: #5d8163;
$color-3: #576c57;
$color-4: #515a4b;
$color-5: #43282e;

TAILWIND

colors: {
  'brand-1': '#62926f',
  'brand-2': '#5d8163',
  'brand-3': '#576c57',
  'brand-4': '#515a4b',
  'brand-5': '#43282e',
}

RGB Array

[98, 146, 111], [93, 129, 99], [87, 108, 87], [81, 90, 75], [67, 40, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #62926F, #5D8163, #576C57, #515A4B, #43282E 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: #62926f; --color-2: #5d8163; --color-3: #576c57; --color-4: #515a4b; --color-5: #43282e. 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