#591C36 + #5E3041 + #BD985C + #806438 + #6E5021 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#591C36

Dark Violet · DarkSlateGray · Raspberry

HEX

#591C36

RGB

rgb(89, 28, 54)

HSL

hsl(334, 52%, 23%)

HSB

hsb(334, 69%, 35%)

CMYK

cmyk(0%, 69%, 39%, 65%)

Oklch

oklch(33.0% 0.094 357.1)

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

#5E3041

Dark Violet · DarkSlateGray · Camellia

HEX

#5E3041

RGB

rgb(94, 48, 65)

HSL

hsl(338, 32%, 28%)

HSB

hsb(338, 49%, 37%)

CMYK

cmyk(0%, 49%, 31%, 63%)

Oklch

oklch(37.4% 0.070 357.5)

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

#BD985C

Ginger · DarkSalmon · Warm Sun

HEX

#BD985C

RGB

rgb(189, 152, 92)

HSL

hsl(37, 42%, 55%)

HSB

hsb(37, 51%, 74%)

CMYK

cmyk(0%, 20%, 51%, 26%)

Oklch

oklch(70.1% 0.090 78.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#806438

Ochre · Sienna · Amber Brown

HEX

#806438

RGB

rgb(128, 100, 56)

HSL

hsl(37, 39%, 36%)

HSB

hsb(37, 56%, 50%)

CMYK

cmyk(0%, 22%, 56%, 50%)

Oklch

oklch(52.1% 0.071 77.5)

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

#6E5021

Ochre · DarkOliveGreen · Amber Brown

HEX

#6E5021

RGB

rgb(110, 80, 33)

HSL

hsl(37, 54%, 28%)

HSB

hsb(37, 70%, 43%)

CMYK

cmyk(0%, 27%, 70%, 57%)

Oklch

oklch(45.3% 0.075 76.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

591C36

1C593F

Analogous

591C55

591C36

59201C

Triadic

591C36

37591C

1C3759

Split-Comp.

591C36

1C5920

1C5559

Tetradic

591C36

55591C

1C593F

201C59

Contrast Matrix WCAG 2.1 Contrast

591C36	5E3041	BD985C	806438	6E5021
—	1.2 Fail	4.7 AA	2.3 Fail	1.7 Fail
1.2 Fail	—	4.0 AA Large	1.9 Fail	1.4 Fail
4.7 AA	4.0 AA Large	—	2.1 Fail	2.8 Fail
2.3 Fail	1.9 Fail	2.1 Fail	—	1.3 Fail
1.7 Fail	1.4 Fail	2.8 Fail	1.3 Fail	—

White BG

12.8AAA

10.6AAA

2.7Fail

5.5AA

7.4AAA

Black BG

1.6Fail

2.0Fail

7.8AAA

3.8AA Large

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3E30

4A4A3D

ADAD6B

747443

61612C

Deuteranopia

42472E

4D503C

AFB26E

767845

63652F

Tritanopia

562B2A

5C3A39

BB7679

7F4B4D

6D3537

Achromatopsia

313131

404040

9C9C9C

676767

545454

Shades & Tints Shades & Tints

#591C36

Dark

Light

#5E3041

Dark

Light

#BD985C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #591c36;
  --color-2: #5e3041;
  --color-3: #bd985c;
  --color-4: #806438;
  --color-5: #6e5021;
}

SCSS

$color-1: #591c36;
$color-2: #5e3041;
$color-3: #bd985c;
$color-4: #806438;
$color-5: #6e5021;

TAILWIND

colors: {
  'brand-1': '#591c36',
  'brand-2': '#5e3041',
  'brand-3': '#bd985c',
  'brand-4': '#806438',
  'brand-5': '#6e5021',
}

RGB Array

[89, 28, 54], [94, 48, 65], [189, 152, 92], [128, 100, 56], [110, 80, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #591C36, #5E3041, #BD985C, #806438, #6E5021 is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #591c36; --color-2: #5e3041; --color-3: #bd985c; --color-4: #806438; --color-5: #6e5021. 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 tech, SaaS, healthcare, eco industries. 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