#91A65A + #8A852F + #756144 + #693C5E + #43334A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#91A65A

Grass Green · Gray · Olive Green

HEX

#91A65A

RGB

rgb(145, 166, 90)

HSL

hsl(77, 30%, 50%)

HSB

hsb(77, 46%, 65%)

CMYK

cmyk(13%, 0%, 46%, 35%)

Oklch

oklch(69.1% 0.104 121.8)

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

#8A852F

Autumn Sage · Olive · Honey Gold

HEX

#8A852F

RGB

rgb(138, 133, 47)

HSL

hsl(57, 49%, 36%)

HSB

hsb(57, 66%, 54%)

CMYK

cmyk(0%, 4%, 66%, 46%)

Oklch

oklch(60.4% 0.107 106.0)

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

#756144

Ochre · DarkOliveGreen · Amber Brown

HEX

#756144

RGB

rgb(117, 97, 68)

HSL

hsl(36, 26%, 36%)

HSB

hsb(36, 42%, 46%)

CMYK

cmyk(0%, 17%, 42%, 54%)

Oklch

oklch(50.5% 0.050 76.5)

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

#693C5E

Rose Purple · DimGray · Eggplant

HEX

#693C5E

RGB

rgb(105, 60, 94)

HSL

hsl(315, 27%, 32%)

HSB

hsb(315, 43%, 41%)

CMYK

cmyk(0%, 43%, 10%, 59%)

Oklch

oklch(42.3% 0.080 336.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#43334A

Dark Plum · DarkSlateGray · Eggplant

HEX

#43334A

RGB

rgb(67, 51, 74)

HSL

hsl(282, 18%, 25%)

HSB

hsb(282, 31%, 29%)

CMYK

cmyk(9%, 31%, 0%, 71%)

Oklch

oklch(34.8% 0.044 315.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91A65A

6F59A6

Analogous

A69559

91A65A

6AA659

Triadic

91A65A

5990A6

A65990

Split-Comp.

91A65A

596AA6

9559A6

Tetradic

91A65A

59A695

6F59A6

A6596A

Contrast Matrix WCAG 2.1 Contrast

91A65A	8A852F	756144	693C5E	43334A
—	1.4 Fail	2.2 Fail	3.2 AA Large	4.3 AA Large
1.4 Fail	—	1.5 Fail	2.3 Fail	3.0 AA Large
2.2 Fail	1.5 Fail	—	1.5 Fail	2.0 Fail
3.2 AA Large	2.3 Fail	1.5 Fail	—	1.3 Fail
4.3 AA Large	3.0 AA Large	2.0 Fail	1.3 Fail	—

White BG

2.7Fail

3.8AA Large

5.9AA

8.7AAA

11.6AAA

Black BG

7.8AAA

5.5AA

3.5AA Large

2.4Fail

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A6C

888844

6C6C4B

565556

3C3C44

Deuteranopia

999771

888949

6E6F4D

585C54

3D3E43

Tritanopia

927B7E

8A5458

745152

674F4E

42403F

Achromatopsia

979797

7D7D7D

646464

4D4D4D

3A3A3A

Shades & Tints Shades & Tints

#91A65A

Dark

Light

#8A852F

Dark

Light

#756144

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91a65a;
  --color-2: #8a852f;
  --color-3: #756144;
  --color-4: #693c5e;
  --color-5: #43334a;
}

SCSS

$color-1: #91a65a;
$color-2: #8a852f;
$color-3: #756144;
$color-4: #693c5e;
$color-5: #43334a;

TAILWIND

colors: {
  'brand-1': '#91a65a',
  'brand-2': '#8a852f',
  'brand-3': '#756144',
  'brand-4': '#693c5e',
  'brand-5': '#43334a',
}

RGB Array

[145, 166, 90], [138, 133, 47], [117, 97, 68], [105, 60, 94], [67, 51, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #91A65A, #8A852F, #756144, #693C5E, #43334A 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: #91a65a; --color-2: #8a852f; --color-3: #756144; --color-4: #693c5e; --color-5: #43334a. 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