← Back to Editor

#522434 · #543C4D · #4A615F · #5F7D63 · #7B9C56

A 5-color palette 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

#522434

Dark Violet · DarkSlateGray · Raspberry

HEX
#522434
RGB
rgb(82, 36, 52)
HSL
hsl(339, 39%, 23%)
HSB
hsb(339, 56%, 32%)
CMYK
cmyk(0%, 56%, 37%, 68%)
Oklch
oklch(33.0% 0.071 359.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#543C4D

Rose Purple · DarkSlateGray · Eggplant

HEX
#543C4D
RGB
rgb(84, 60, 77)
HSL
hsl(318, 17%, 28%)
HSB
hsb(318, 29%, 33%)
CMYK
cmyk(0%, 29%, 8%, 67%)
Oklch
oklch(38.9% 0.043 337.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#4A615F

Mineral Blue · DimGray · Mint Ice

HEX
#4A615F
RGB
rgb(74, 97, 95)
HSL
hsl(175, 13%, 34%)
HSB
hsb(175, 24%, 38%)
CMYK
cmyk(24%, 0%, 2%, 62%)
Oklch
oklch(47.3% 0.028 189.7)

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

#5F7D63

Celadon · DimGray · Olive Green

HEX
#5F7D63
RGB
rgb(95, 125, 99)
HSL
hsl(128, 14%, 43%)
HSB
hsb(128, 24%, 49%)
CMYK
cmyk(24%, 0%, 21%, 51%)
Oklch
oklch(55.9% 0.053 148.4)

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

#7B9C56

Grass Green · Gray · Olive Green

HEX
#7B9C56
RGB
rgb(123, 156, 86)
HSL
hsl(88, 29%, 47%)
HSB
hsb(88, 45%, 61%)
CMYK
cmyk(21%, 0%, 45%, 39%)
Oklch
oklch(65.1% 0.104 129.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

522434
245242

Analogous

52244B
522434
522B24

Triadic

522434
345224
243452

Split-Comp.

522434
24522B
244B52

Tetradic

522434
4B5224
245242
2B2452

Contrast Matrix WCAG 2.1 Contrast

522434
543C4D
4A615F
5F7D63
7B9C56
—
1.3
Fail
1.9
Fail
2.8
Fail
4.1
AA Large
1.3
Fail
—
1.5
Fail
2.2
Fail
3.2
AA Large
1.9
Fail
1.5
Fail
—
1.5
Fail
2.1
Fail
2.8
Fail
2.2
Fail
1.5
Fail
—
1.5
Fail
4.1
AA Large
3.2
AA Large
2.1
Fail
1.5
Fail
—
White BG
12.6AAA
9.9AAA
6.6AA
4.6AA
3.1AA Large
Black BG
1.7Fail
2.1Fail
3.2AA Large
4.6AA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E30
4A4949
54545F
6C6C69
898A67

Deuteranopia

41442F
4B4D48
535160
6A686B
87856B

Tritanopia

502D2C
534645
4B6060
616E6F
7D7477

Achromatopsia

343434
454545
5A5A5A
717171
8A8A8A

Shades & Tints Shades & Tints

#522434

Dark
Light

#543C4D

Dark
Light

#4A615F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #522434;
  --color-2: #543c4d;
  --color-3: #4a615f;
  --color-4: #5f7d63;
  --color-5: #7b9c56;
}

SCSS

$color-1: #522434;
$color-2: #543c4d;
$color-3: #4a615f;
$color-4: #5f7d63;
$color-5: #7b9c56;

TAILWIND

colors: {
  'brand-1': '#522434',
  'brand-2': '#543c4d',
  'brand-3': '#4a615f',
  'brand-4': '#5f7d63',
  'brand-5': '#7b9c56',
}

RGB Array

[82, 36, 52], [84, 60, 77], [74, 97, 95], [95, 125, 99], [123, 156, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #522434, #543C4D, #4A615F, #5F7D63, #7B9C56 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: #522434; --color-2: #543c4d; --color-3: #4a615f; --color-4: #5f7d63; --color-5: #7b9c56. 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