← Back to Editor

#E0D596 · #E8B879 · #E37F54 · #B35647 · #874940

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

#E0D596

Fresh Green · Khaki · Sunflower

HEX
#E0D596
RGB
rgb(224, 213, 150)
HSL
hsl(51, 54%, 73%)
HSB
hsb(51, 33%, 88%)
CMYK
cmyk(0%, 5%, 33%, 12%)
Oklch
oklch(86.7% 0.082 99.5)

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

#E8B879

Ginger · BurlyWood · Warm Sun

HEX
#E8B879
RGB
rgb(232, 184, 121)
HSL
hsl(34, 71%, 69%)
HSB
hsb(34, 48%, 91%)
CMYK
cmyk(0%, 21%, 48%, 9%)
Oklch
oklch(81.2% 0.098 73.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E37F54

Apricot · Coral · Warm Sun

HEX
#E37F54
RGB
rgb(227, 127, 84)
HSL
hsl(18, 72%, 61%)
HSB
hsb(18, 63%, 89%)
CMYK
cmyk(0%, 44%, 63%, 11%)
Oklch
oklch(69.8% 0.137 43.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#B35647

Crimson · Sienna · Passion Red

HEX
#B35647
RGB
rgb(179, 86, 71)
HSL
hsl(8, 43%, 49%)
HSB
hsb(8, 60%, 70%)
CMYK
cmyk(0%, 52%, 60%, 30%)
Oklch
oklch(56.5% 0.124 30.8)

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

#874940

Crimson · Sienna · Wine Red

HEX
#874940
RGB
rgb(135, 73, 64)
HSL
hsl(8, 36%, 39%)
HSB
hsb(8, 53%, 53%)
CMYK
cmyk(0%, 46%, 53%, 47%)
Oklch
oklch(47.8% 0.086 29.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D596
95A0DF

Analogous

DFAF95
E0D596
C5DF95

Triadic

E0D596
95DFD4
D495DF

Split-Comp.

E0D596
95C5DF
AF95DF

Tetradic

E0D596
95DFAF
95A0DF
DF95C5

Contrast Matrix WCAG 2.1 Contrast

E0D596
E8B879
E37F54
B35647
874940
—
1.2
Fail
1.9
Fail
3.3
AA Large
4.6
AA
1.2
Fail
—
1.6
Fail
2.7
Fail
3.8
AA Large
1.9
Fail
1.6
Fail
—
1.7
Fail
2.4
Fail
3.3
AA Large
2.7
Fail
1.7
Fail
—
1.4
Fail
4.6
AA
3.8
AA Large
2.4
Fail
1.4
Fail
—
White BG
1.5Fail
1.8Fail
2.8Fail
4.8AA
6.9AA
Black BG
14.1AAA
11.6AAA
7.4AAA
4.3AA Large
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBA5
D3D388
B8B75E
8B8A4B
6C6C42

Deuteranopia

DCDDA9
D6DA8C
BEC561
90974C
707443

Tritanopia

DFB1B4
E69497
DE6768
AE4D4E
844444

Achromatopsia

D1D1D1
BFBFBF
989898
707070
5B5B5B

Shades & Tints Shades & Tints

#E0D596

Dark
Light

#E8B879

Dark
Light

#E37F54

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d596;
  --color-2: #e8b879;
  --color-3: #e37f54;
  --color-4: #b35647;
  --color-5: #874940;
}

SCSS

$color-1: #e0d596;
$color-2: #e8b879;
$color-3: #e37f54;
$color-4: #b35647;
$color-5: #874940;

TAILWIND

colors: {
  'brand-1': '#e0d596',
  'brand-2': '#e8b879',
  'brand-3': '#e37f54',
  'brand-4': '#b35647',
  'brand-5': '#874940',
}

RGB Array

[224, 213, 150], [232, 184, 121], [227, 127, 84], [179, 86, 71], [135, 73, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0D596, #E8B879, #E37F54, #B35647, #874940 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: #e0d596; --color-2: #e8b879; --color-3: #e37f54; --color-4: #b35647; --color-5: #874940. 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