← Back to Editor

#52272E · #3C1623 · #847965 · #726755 · #88886C

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

#52272E

Crimson · DarkSlateGray · Wine Red

HEX
#52272E
RGB
rgb(82, 39, 46)
HSL
hsl(350, 36%, 24%)
HSB
hsb(350, 52%, 32%)
CMYK
cmyk(0%, 52%, 44%, 68%)
Oklch
oklch(33.3% 0.064 10.9)

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

#3C1623

Dark Violet · Black · Raspberry

HEX
#3C1623
RGB
rgb(60, 22, 35)
HSL
hsl(339, 46%, 16%)
HSB
hsb(339, 63%, 24%)
CMYK
cmyk(0%, 63%, 42%, 76%)
Oklch
oklch(26.3% 0.062 0.8)

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

#847965

Ochre · Gray · Amber Brown

HEX
#847965
RGB
rgb(132, 121, 101)
HSL
hsl(39, 13%, 46%)
HSB
hsb(39, 23%, 52%)
CMYK
cmyk(0%, 8%, 23%, 48%)
Oklch
oklch(58.0% 0.032 82.5)

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

#726755

Ochre · DimGray · Amber Brown

HEX
#726755
RGB
rgb(114, 103, 85)
HSL
hsl(37, 15%, 39%)
HSB
hsb(37, 25%, 45%)
CMYK
cmyk(0%, 10%, 25%, 55%)
Oklch
oklch(51.9% 0.031 80.1)

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

#88886C

Autumn Sage · Gray · Honey Gold

HEX
#88886C
RGB
rgb(136, 136, 108)
HSL
hsl(60, 11%, 48%)
HSB
hsb(60, 21%, 53%)
CMYK
cmyk(0%, 0%, 21%, 47%)
Oklch
oklch(61.9% 0.040 107.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

52272E
27534C

Analogous

532745
52272E
533627

Triadic

52272E
2F5327
272F53

Split-Comp.

52272E
275336
274553

Tetradic

52272E
455327
27534C
362753

Contrast Matrix WCAG 2.1 Contrast

52272E
3C1623
847965
726755
88886C
—
1.3
Fail
2.9
Fail
2.2
Fail
3.4
AA Large
1.3
Fail
—
3.7
AA Large
2.8
Fail
4.3
AA Large
2.9
Fail
3.7
AA Large
—
1.3
Fail
1.2
Fail
2.2
Fail
2.8
Fail
1.3
Fail
—
1.5
Fail
3.4
AA Large
4.3
AA Large
1.2
Fail
1.5
Fail
—
White BG
12.4AAA
15.8AAA
4.3AA Large
5.5AA
3.6AA Large
Black BG
1.7Fail
1.3Fail
4.9AA
3.8AA Large
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F2C
2C2B20
7F7F6A
6D6D59
888873

Deuteranopia

42452C
2E311F
80816B
6E6F5A
888874

Tritanopia

502B2B
3A1D1D
836E6F
715D5E
887879

Achromatopsia

353535
232323
7A7A7A
686868
858585

Shades & Tints Shades & Tints

#52272E

Dark
Light

#3C1623

Dark
Light

#847965

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #52272e;
  --color-2: #3c1623;
  --color-3: #847965;
  --color-4: #726755;
  --color-5: #88886c;
}

SCSS

$color-1: #52272e;
$color-2: #3c1623;
$color-3: #847965;
$color-4: #726755;
$color-5: #88886c;

TAILWIND

colors: {
  'brand-1': '#52272e',
  'brand-2': '#3c1623',
  'brand-3': '#847965',
  'brand-4': '#726755',
  'brand-5': '#88886c',
}

RGB Array

[82, 39, 46], [60, 22, 35], [132, 121, 101], [114, 103, 85], [136, 136, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #52272E, #3C1623, #847965, #726755, #88886C 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: #52272e; --color-2: #3c1623; --color-3: #847965; --color-4: #726755; --color-5: #88886c. 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