← Back to Editor

#807B65 · #5D0D04 · #902223 · #605746 · #444130

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#807B65

Ochre · Gray · Honey Gold

HEX
#807B65
RGB
rgb(128, 123, 101)
HSL
hsl(49, 12%, 45%)
HSB
hsb(49, 21%, 50%)
CMYK
cmyk(0%, 4%, 21%, 50%)
Oklch
oklch(58.1% 0.033 96.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#5D0D04

Vermilion · Maroon · Deep Berry

HEX
#5D0D04
RGB
rgb(93, 13, 4)
HSL
hsl(6, 92%, 19%)
HSB
hsb(6, 96%, 36%)
CMYK
cmyk(0%, 86%, 96%, 64%)
Oklch
oklch(31.1% 0.114 31.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#902223

Vermilion · Brown · Wine Red

HEX
#902223
RGB
rgb(144, 34, 35)
HSL
hsl(359, 62%, 35%)
HSB
hsb(359, 76%, 56%)
CMYK
cmyk(0%, 76%, 76%, 44%)
Oklch
oklch(43.4% 0.146 25.3)

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

#605746

Ochre · DarkOliveGreen · Amber Brown

HEX
#605746
RGB
rgb(96, 87, 70)
HSL
hsl(39, 16%, 33%)
HSB
hsb(39, 27%, 38%)
CMYK
cmyk(0%, 9%, 27%, 62%)
Oklch
oklch(46.0% 0.029 83.3)

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

#444130

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#444130
RGB
rgb(68, 65, 48)
HSL
hsl(51, 17%, 23%)
HSB
hsb(51, 29%, 27%)
CMYK
cmyk(0%, 4%, 29%, 73%)
Oklch
oklch(37.3% 0.028 99.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

807B65
656A81

Analogous

816E65
807B65
788165

Triadic

807B65
65817B
7B6581

Split-Comp.

807B65
657881
6E6581

Tetradic

807B65
65816E
656A81
816578

Contrast Matrix WCAG 2.1 Contrast

807B65
5D0D04
902223
605746
444130
—
3.2
AA Large
2.0
Fail
1.7
Fail
2.4
Fail
3.2
AA Large
—
1.6
Fail
1.9
Fail
1.3
Fail
2.0
Fail
1.6
Fail
—
1.2
Fail
1.2
Fail
1.7
Fail
1.9
Fail
1.2
Fail
—
1.4
Fail
2.4
Fail
1.3
Fail
1.2
Fail
1.4
Fail
—
White BG
4.3AA Large
13.8AAA
8.6AAA
7.1AAA
10.3AAA
Black BG
4.9AA
1.5Fail
2.4Fail
2.9Fail
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7E6A
3A3A06
605F23
5C5C4A
434334

Deuteranopia

7E7F6C
3F4507
676F23
5D5D4B
434335

Tritanopia

806F6F
590808
8A2323
604D4E
443738

Achromatopsia

7A7A7A
242424
434343
585858
404040

Shades & Tints Shades & Tints

#807B65

Dark
Light

#5D0D04

Dark
Light

#902223

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #807b65;
  --color-2: #5d0d04;
  --color-3: #902223;
  --color-4: #605746;
  --color-5: #444130;
}

SCSS

$color-1: #807b65;
$color-2: #5d0d04;
$color-3: #902223;
$color-4: #605746;
$color-5: #444130;

TAILWIND

colors: {
  'brand-1': '#807b65',
  'brand-2': '#5d0d04',
  'brand-3': '#902223',
  'brand-4': '#605746',
  'brand-5': '#444130',
}

RGB Array

[128, 123, 101], [93, 13, 4], [144, 34, 35], [96, 87, 70], [68, 65, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #807B65, #5D0D04, #902223, #605746, #444130 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: #807b65; --color-2: #5d0d04; --color-3: #902223; --color-4: #605746; --color-5: #444130. 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