← Back to Editor

#807D56 · #919565 · #AA9B73 · #C2C083 · #E8B59D

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

#807D56

Autumn Sage · DimGray · Honey Gold

HEX
#807D56
RGB
rgb(128, 125, 86)
HSL
hsl(56, 20%, 42%)
HSB
hsb(56, 33%, 50%)
CMYK
cmyk(0%, 2%, 33%, 50%)
Oklch
oklch(58.2% 0.056 104.3)

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

#919565

Autumn Sage · Gray · Honey Gold

HEX
#919565
RGB
rgb(145, 149, 101)
HSL
hsl(65, 19%, 49%)
HSB
hsb(65, 32%, 58%)
CMYK
cmyk(3%, 0%, 32%, 42%)
Oklch
oklch(65.4% 0.067 112.1)

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

#AA9B73

Ginger · DarkSeaGreen · Sunflower

HEX
#AA9B73
RGB
rgb(170, 155, 115)
HSL
hsl(44, 24%, 56%)
HSB
hsb(44, 32%, 67%)
CMYK
cmyk(0%, 9%, 32%, 33%)
Oklch
oklch(69.2% 0.058 89.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C2C083

Fresh Green · Tan · Sunflower

HEX
#C2C083
RGB
rgb(194, 192, 131)
HSL
hsl(58, 34%, 64%)
HSB
hsb(58, 32%, 76%)
CMYK
cmyk(0%, 1%, 32%, 24%)
Oklch
oklch(79.5% 0.080 106.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E8B59D

Apricot · BurlyWood · Peach Orange

HEX
#E8B59D
RGB
rgb(232, 181, 157)
HSL
hsl(19, 62%, 76%)
HSB
hsb(19, 32%, 91%)
CMYK
cmyk(0%, 22%, 32%, 9%)
Oklch
oklch(81.3% 0.068 46.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

807D56
565981

Analogous

816856
807D56
6E8156

Triadic

807D56
56817E
7E5681

Split-Comp.

807D56
566E81
685681

Tetradic

807D56
568168
565981
81566E

Contrast Matrix WCAG 2.1 Contrast

807D56
919565
AA9B73
C2C083
E8B59D
—
1.3
Fail
1.5
Fail
2.2
Fail
2.3
Fail
1.3
Fail
—
1.1
Fail
1.7
Fail
1.7
Fail
1.5
Fail
1.1
Fail
—
1.5
Fail
1.5
Fail
2.2
Fail
1.7
Fail
1.5
Fail
—
1.0
Fail
2.3
Fail
1.7
Fail
1.5
Fail
1.0
Fail
—
White BG
4.2AA Large
3.1AA Large
2.7Fail
1.9Fail
1.8Fail
Black BG
5.0AA
6.7AA
7.6AAA
11.2AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7F5F
939371
A4A37D
C1C192
D2D1A3

Deuteranopia

7F7F62
939273
A4A67F
C1C195
D5D9A4

Tritanopia

806769
917A7C
A98486
C29DA0
E5A7A8

Achromatopsia

797979
8E8E8E
9B9B9B
BABABA
C2C2C2

Shades & Tints Shades & Tints

#807D56

Dark
Light

#919565

Dark
Light

#AA9B73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #807d56;
  --color-2: #919565;
  --color-3: #aa9b73;
  --color-4: #c2c083;
  --color-5: #e8b59d;
}

SCSS

$color-1: #807d56;
$color-2: #919565;
$color-3: #aa9b73;
$color-4: #c2c083;
$color-5: #e8b59d;

TAILWIND

colors: {
  'brand-1': '#807d56',
  'brand-2': '#919565',
  'brand-3': '#aa9b73',
  'brand-4': '#c2c083',
  'brand-5': '#e8b59d',
}

RGB Array

[128, 125, 86], [145, 149, 101], [170, 155, 115], [194, 192, 131], [232, 181, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #807D56, #919565, #AA9B73, #C2C083, #E8B59D is ideal for: corporate websites, product showcases, portfolios. 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: #807d56; --color-2: #919565; --color-3: #aa9b73; --color-4: #c2c083; --color-5: #e8b59d. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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