#85A041 + #6D8036 + #616B27 + #EA5F22 + #52181A · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#85A041

Grass Green · Gray · Olive Green

HEX

#85A041

RGB

rgb(133, 160, 65)

HSL

hsl(77, 42%, 44%)

HSB

hsb(77, 59%, 63%)

CMYK

cmyk(17%, 0%, 59%, 37%)

Oklch

oklch(66.5% 0.126 123.2)

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

#6D8036

Grass Green · DarkOliveGreen · Forest Green

HEX

#6D8036

RGB

rgb(109, 128, 54)

HSL

hsl(75, 41%, 36%)

HSB

hsb(75, 58%, 50%)

CMYK

cmyk(15%, 0%, 58%, 50%)

Oklch

oklch(56.8% 0.102 121.7)

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

#616B27

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#616B27

RGB

rgb(97, 107, 39)

HSL

hsl(69, 47%, 29%)

HSB

hsb(69, 64%, 42%)

CMYK

cmyk(9%, 0%, 64%, 58%)

Oklch

oklch(50.4% 0.092 116.9)

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

#EA5F22

Tangerine · Chocolate · Warm Sun

HEX

#EA5F22

RGB

rgb(234, 95, 34)

HSL

hsl(18, 83%, 53%)

HSB

hsb(18, 85%, 92%)

CMYK

cmyk(0%, 59%, 85%, 8%)

Oklch

oklch(65.6% 0.186 40.9)

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

#52181A

Crimson · Maroon · Wine Red

HEX

#52181A

RGB

rgb(82, 24, 26)

HSL

hsl(358, 55%, 21%)

HSB

hsb(358, 71%, 32%)

CMYK

cmyk(0%, 71%, 68%, 68%)

Oklch

oklch(30.4% 0.087 21.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85A041

5C419F

Analogous

9F8B41

85A041

559F41

Triadic

85A041

41859F

9F4185

Split-Comp.

85A041

41559F

8B419F

Tetradic

85A041

419F8B

5C419F

9F4155

Contrast Matrix WCAG 2.1 Contrast

85A041	6D8036	616B27	EA5F22	52181A
—	1.5 Fail	2.0 Fail	1.2 Fail	4.7 AA
1.5 Fail	—	1.3 Fail	1.3 Fail	3.2 AA Large
2.0 Fail	1.3 Fail	—	1.7 Fail	2.4 Fail
1.2 Fail	1.3 Fail	1.7 Fail	—	4.1 AA Large
4.7 AA	3.2 AA Large	2.4 Fail	4.1 AA Large	—

White BG

3.0Fail

4.4AA Large

5.8AA

3.4AA Large

14.0AAA

Black BG

7.1AAA

4.8AA

3.6AA Large

6.2AA

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

919158

757548

656537

AEAD31

39381A

Deuteranopia

8F8D5E

74734C

65643B

B6C034

3C4119

Tritanopia

866A6E

6E5659

614447

E33C3F

4F1919

Achromatopsia

8D8D8D

727272

606060

828282

2A2A2A

Shades & Tints Shades & Tints

#85A041

Dark

Light

#6D8036

Dark

Light

#616B27

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85a041;
  --color-2: #6d8036;
  --color-3: #616b27;
  --color-4: #ea5f22;
  --color-5: #52181a;
}

SCSS

$color-1: #85a041;
$color-2: #6d8036;
$color-3: #616b27;
$color-4: #ea5f22;
$color-5: #52181a;

TAILWIND

colors: {
  'brand-1': '#85a041',
  'brand-2': '#6d8036',
  'brand-3': '#616b27',
  'brand-4': '#ea5f22',
  'brand-5': '#52181a',
}

RGB Array

[133, 160, 65], [109, 128, 54], [97, 107, 39], [234, 95, 34], [82, 24, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #85A041, #6D8036, #616B27, #EA5F22, #52181A 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: #85a041; --color-2: #6d8036; --color-3: #616b27; --color-4: #ea5f22; --color-5: #52181a. 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 warm-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