← Back to Editor

#322933 · #234D4E · #56684B · #898349 · #BC9E46

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

#322933

Dark Plum · DarkSlateGray · Dark Purple

HEX
#322933
RGB
rgb(50, 41, 51)
HSL
hsl(294, 11%, 18%)
HSB
hsb(294, 20%, 20%)
CMYK
cmyk(2%, 20%, 0%, 80%)
Oklch
oklch(29.5% 0.022 322.9)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#234D4E

Slate Blue · DarkSlateGray · Peacock Green

HEX
#234D4E
RGB
rgb(35, 77, 78)
HSL
hsl(181, 38%, 22%)
HSB
hsb(181, 55%, 31%)
CMYK
cmyk(55%, 1%, 0%, 69%)
Oklch
oklch(39.1% 0.047 197.5)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#56684B

Celadon · DarkOliveGreen · Forest Green

HEX
#56684B
RGB
rgb(86, 104, 75)
HSL
hsl(97, 16%, 35%)
HSB
hsb(97, 28%, 41%)
CMYK
cmyk(17%, 0%, 28%, 59%)
Oklch
oklch(49.4% 0.050 133.9)

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

#898349

Autumn Sage · DimGray · Honey Gold

HEX
#898349
RGB
rgb(137, 131, 73)
HSL
hsl(54, 30%, 41%)
HSB
hsb(54, 47%, 54%)
CMYK
cmyk(0%, 4%, 47%, 46%)
Oklch
oklch(60.2% 0.079 103.3)

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

#BC9E46

Ginger · GoldenRod · Sunflower

HEX
#BC9E46
RGB
rgb(188, 158, 70)
HSL
hsl(45, 47%, 51%)
HSB
hsb(45, 63%, 74%)
CMYK
cmyk(0%, 16%, 63%, 26%)
Oklch
oklch(70.9% 0.112 90.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

322933
2A3329

Analogous

2D2933
322933
33292F

Triadic

322933
333229
293332

Split-Comp.

322933
2F3329
29332D

Tetradic

322933
332D29
2A3329
292F33

Contrast Matrix WCAG 2.1 Contrast

322933
234D4E
56684B
898349
BC9E46
—
1.5
Fail
2.3
Fail
3.6
AA Large
5.4
AA
1.5
Fail
—
1.6
Fail
2.4
Fail
3.6
AA Large
2.3
Fail
1.6
Fail
—
1.6
Fail
2.3
Fail
3.6
AA Large
2.4
Fail
1.6
Fail
—
1.5
Fail
5.4
AA
3.6
AA Large
2.3
Fail
1.5
Fail
—
White BG
14.0AAA
9.4AAA
6.0AA
3.9AA Large
2.6Fail
Black BG
1.5Fail
2.2Fail
3.5AA Large
5.4AA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E31
35364E
5E5E52
868657
AFAF5B

Deuteranopia

2F2F30
33304E
5D5B54
87875A
B1B360

Tritanopia

322F2E
254E4E
575859
896265
BB6C70

Achromatopsia

2D2D2D
414141
5F5F5F
7E7E7E
9D9D9D

Shades & Tints Shades & Tints

#322933

Dark
Light

#234D4E

Dark
Light

#56684B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #322933;
  --color-2: #234d4e;
  --color-3: #56684b;
  --color-4: #898349;
  --color-5: #bc9e46;
}

SCSS

$color-1: #322933;
$color-2: #234d4e;
$color-3: #56684b;
$color-4: #898349;
$color-5: #bc9e46;

TAILWIND

colors: {
  'brand-1': '#322933',
  'brand-2': '#234d4e',
  'brand-3': '#56684b',
  'brand-4': '#898349',
  'brand-5': '#bc9e46',
}

RGB Array

[50, 41, 51], [35, 77, 78], [86, 104, 75], [137, 131, 73], [188, 158, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #322933, #234D4E, #56684B, #898349, #BC9E46 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: #322933; --color-2: #234d4e; --color-3: #56684b; --color-4: #898349; --color-5: #bc9e46. 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