← Back to Editor

#E8EB78 · #AA9B52 · #876372 · #58444C · #372735

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 LibraryData Visualization

Color Details Color Details

#E8EB78

Fresh Green · Khaki · Sunflower

HEX
#E8EB78
RGB
rgb(232, 235, 120)
HSL
hsl(62, 74%, 70%)
HSB
hsb(62, 49%, 92%)
CMYK
cmyk(1%, 0%, 49%, 8%)
Oklch
oklch(91.4% 0.138 110.2)

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

#AA9B52

Autumn Sage · Gray · Honey Gold

HEX
#AA9B52
RGB
rgb(170, 155, 82)
HSL
hsl(50, 35%, 49%)
HSB
hsb(50, 52%, 67%)
CMYK
cmyk(0%, 9%, 52%, 33%)
Oklch
oklch(68.7% 0.096 98.0)

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

#876372

Dark Violet · DimGray · Camellia

HEX
#876372
RGB
rgb(135, 99, 114)
HSL
hsl(335, 15%, 46%)
HSB
hsb(335, 27%, 53%)
CMYK
cmyk(0%, 27%, 16%, 47%)
Oklch
oklch(54.1% 0.051 352.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#58444C

Dark Violet · DarkSlateGray · Camellia

HEX
#58444C
RGB
rgb(88, 68, 76)
HSL
hsl(336, 13%, 31%)
HSB
hsb(336, 23%, 35%)
CMYK
cmyk(0%, 23%, 14%, 65%)
Oklch
oklch(41.1% 0.030 352.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#372735

Rose Purple · DarkSlateGray · Dark Purple

HEX
#372735
RGB
rgb(55, 39, 53)
HSL
hsl(308, 17%, 18%)
HSB
hsb(308, 29%, 22%)
CMYK
cmyk(0%, 29%, 4%, 78%)
Oklch
oklch(29.7% 0.034 330.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8EB78
7E7AEB

Analogous

EBB67A
E8EB78
AFEB7A

Triadic

E8EB78
7AE7EB
EB7AE7

Split-Comp.

E8EB78
7AAFEB
B67AEB

Tetradic

E8EB78
7AEBB6
7E7AEB
EB7AAF

Contrast Matrix WCAG 2.1 Contrast

E8EB78
AA9B52
876372
58444C
372735
—
2.2
Fail
4.1
AA Large
7.1
AAA
11.0
AAA
2.2
Fail
—
1.9
Fail
3.2
AA Large
5.0
AA
4.1
AA Large
1.9
Fail
—
1.7
Fail
2.7
Fail
7.1
AAA
3.2
AA Large
1.7
Fail
—
1.6
Fail
11.0
AAA
5.0
AA
2.7
Fail
1.6
Fail
—
White BG
1.3Fail
2.8Fail
5.2AA
9.0AAA
14.0AAA
Black BG
16.6AAA
7.5AAA
4.1AA Large
2.3Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E994
A4A364
77776E
4F4F4A
303032

Deuteranopia

E9E99B
A4A668
7A7C6E
51524A
313231

Tritanopia

E8AAAF
A97275
856C6B
574948
362F2E

Achromatopsia

DDDDDD
979797
6F6F6F
4B4B4B
2D2D2D

Shades & Tints Shades & Tints

#E8EB78

Dark
Light

#AA9B52

Dark
Light

#876372

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8eb78;
  --color-2: #aa9b52;
  --color-3: #876372;
  --color-4: #58444c;
  --color-5: #372735;
}

SCSS

$color-1: #e8eb78;
$color-2: #aa9b52;
$color-3: #876372;
$color-4: #58444c;
$color-5: #372735;

TAILWIND

colors: {
  'brand-1': '#e8eb78',
  'brand-2': '#aa9b52',
  'brand-3': '#876372',
  'brand-4': '#58444c',
  'brand-5': '#372735',
}

RGB Array

[232, 235, 120], [170, 155, 82], [135, 99, 114], [88, 68, 76], [55, 39, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8EB78, #AA9B52, #876372, #58444C, #372735 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #e8eb78; --color-2: #aa9b52; --color-3: #876372; --color-4: #58444c; --color-5: #372735. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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