#591F21 + #D1622A + #6D7A41 + #2D8055 + #1C2621 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#591F21

Crimson · Maroon · Wine Red

HEX

#591F21

RGB

rgb(89, 31, 33)

HSL

hsl(358, 48%, 24%)

HSB

hsb(358, 65%, 35%)

CMYK

cmyk(0%, 65%, 63%, 65%)

Oklch

oklch(32.8% 0.086 21.1)

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

#D1622A

Tangerine · Chocolate · Amber Brown

HEX

#D1622A

RGB

rgb(209, 98, 42)

HSL

hsl(20, 67%, 49%)

HSB

hsb(20, 80%, 82%)

CMYK

cmyk(0%, 53%, 80%, 18%)

Oklch

oklch(62.3% 0.156 44.4)

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

#6D7A41

Grass Green · DarkOliveGreen · Forest Green

HEX

#6D7A41

RGB

rgb(109, 122, 65)

HSL

hsl(74, 30%, 37%)

HSB

hsb(74, 47%, 48%)

CMYK

cmyk(11%, 0%, 47%, 52%)

Oklch

oklch(55.5% 0.082 119.7)

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

#2D8055

Celadon · SeaGreen · Forest Green

HEX

#2D8055

RGB

rgb(45, 128, 85)

HSL

hsl(149, 48%, 34%)

HSB

hsb(149, 65%, 50%)

CMYK

cmyk(65%, 0%, 34%, 50%)

Oklch

oklch(53.8% 0.105 157.1)

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

#1C2621

Mineral Blue · Black · Dark Green

HEX

#1C2621

RGB

rgb(28, 38, 33)

HSL

hsl(150, 15%, 13%)

HSB

hsb(150, 26%, 15%)

CMYK

cmyk(26%, 0%, 13%, 85%)

Oklch

oklch(25.7% 0.017 163.3)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

591F21

205B59

Analogous

5B203F

591F21

5B3B20

Triadic

591F21

225B20

20225B

Split-Comp.

591F21

205B3B

203F5B

Tetradic

591F21

3F5B20

205B59

3B205B

Contrast Matrix WCAG 2.1 Contrast

591F21	D1622A	6D7A41	2D8055	1C2621
—	3.3 AA Large	2.7 Fail	2.6 Fail	1.2 Fail
3.3 AA Large	—	1.2 Fail	1.3 Fail	4.1 AA Large
2.7 Fail	1.2 Fail	—	1.0 Fail	3.3 AA Large
2.6 Fail	1.3 Fail	1.0 Fail	—	3.2 AA Large
1.2 Fail	4.1 AA Large	3.3 AA Large	3.2 AA Large	—

White BG

12.8AAA

3.8AA Large

4.7AA

4.8AA

15.6AAA

Black BG

1.6Fail

5.5AA

4.5AA

4.3AA Large

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

403F21

A1A038

73734F

51525F

202022

Deuteranopia

434820

A7B03B

727152

4C4662

201F23

Tritanopia

562020

CB4245

6E5A5C

316869

1C2323

Achromatopsia

313131

7D7D7D

707070

626262

222222

Shades & Tints Shades & Tints

#591F21

Dark

Light

#D1622A

Dark

Light

#6D7A41

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #591f21;
  --color-2: #d1622a;
  --color-3: #6d7a41;
  --color-4: #2d8055;
  --color-5: #1c2621;
}

SCSS

$color-1: #591f21;
$color-2: #d1622a;
$color-3: #6d7a41;
$color-4: #2d8055;
$color-5: #1c2621;

TAILWIND

colors: {
  'brand-1': '#591f21',
  'brand-2': '#d1622a',
  'brand-3': '#6d7a41',
  'brand-4': '#2d8055',
  'brand-5': '#1c2621',
}

RGB Array

[89, 31, 33], [209, 98, 42], [109, 122, 65], [45, 128, 85], [28, 38, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #591F21, #D1622A, #6D7A41, #2D8055, #1C2621 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: #591f21; --color-2: #d1622a; --color-3: #6d7a41; --color-4: #2d8055; --color-5: #1c2621. 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