← Back to Editor

#E2BA5E · #CEA442 · #463409 · #53791D · #99AB10

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E2BA5E

Ginger · SandyBrown · Sunflower

HEX
#E2BA5E
RGB
rgb(226, 186, 94)
HSL
hsl(42, 69%, 63%)
HSB
hsb(42, 58%, 89%)
CMYK
cmyk(0%, 18%, 58%, 11%)
Oklch
oklch(80.6% 0.120 86.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#CEA442

Ginger · GoldenRod · Sunflower

HEX
#CEA442
RGB
rgb(206, 164, 66)
HSL
hsl(42, 59%, 53%)
HSB
hsb(42, 68%, 81%)
CMYK
cmyk(0%, 20%, 68%, 19%)
Oklch
oklch(73.9% 0.124 85.4)

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

#463409

Ochre · DarkOliveGreen · Amber Gold

HEX
#463409
RGB
rgb(70, 52, 9)
HSL
hsl(42, 77%, 15%)
HSB
hsb(42, 87%, 27%)
CMYK
cmyk(0%, 26%, 87%, 73%)
Oklch
oklch(33.7% 0.062 84.5)

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

#53791D

Grass Green · DarkOliveGreen · Forest Green

HEX
#53791D
RGB
rgb(83, 121, 29)
HSL
hsl(85, 61%, 29%)
HSB
hsb(85, 76%, 47%)
CMYK
cmyk(31%, 0%, 76%, 53%)
Oklch
oklch(52.9% 0.126 129.7)

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

#99AB10

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#99AB10
RGB
rgb(153, 171, 16)
HSL
hsl(67, 83%, 37%)
HSB
hsb(67, 91%, 67%)
CMYK
cmyk(11%, 0%, 91%, 33%)
Oklch
oklch(70.3% 0.159 117.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2BA5E
6087E2

Analogous

E27A60
E2BA5E
C8E260

Triadic

E2BA5E
60E2BB
BB60E2

Split-Comp.

E2BA5E
60C8E2
7A60E2

Tetradic

E2BA5E
60E27A
6087E2
E260C8

Contrast Matrix WCAG 2.1 Contrast

E2BA5E
CEA442
463409
53791D
99AB10
—
1.3
Fail
6.5
AA
2.8
Fail
1.4
Fail
1.3
Fail
—
5.1
AA
2.2
Fail
1.1
Fail
6.5
AA
5.1
AA
—
2.3
Fail
4.7
AA
2.8
Fail
2.2
Fail
2.3
Fail
—
2.0
Fail
1.4
Fail
1.1
Fail
4.7
AA
2.0
Fail
—
White BG
1.8Fail
2.3Fail
12.0AAA
5.1AA
2.6Fail
Black BG
11.4AAA
9.0AAA
1.8Fail
4.1AA Large
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D074
BCBB5A
3E3E13
636433
A1A136

Deuteranopia

D3D67A
BEC15F
3F4116
615E39
A09E3F

Tritanopia

E0868A
CC6C71
451C1D
554549
9A535A

Achromatopsia

BBBBBB
A5A5A5
343434
636363
949494

Shades & Tints Shades & Tints

#E2BA5E

Dark
Light

#CEA442

Dark
Light

#463409

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2ba5e;
  --color-2: #cea442;
  --color-3: #463409;
  --color-4: #53791d;
  --color-5: #99ab10;
}

SCSS

$color-1: #e2ba5e;
$color-2: #cea442;
$color-3: #463409;
$color-4: #53791d;
$color-5: #99ab10;

TAILWIND

colors: {
  'brand-1': '#e2ba5e',
  'brand-2': '#cea442',
  'brand-3': '#463409',
  'brand-4': '#53791d',
  'brand-5': '#99ab10',
}

RGB Array

[226, 186, 94], [206, 164, 66], [70, 52, 9], [83, 121, 29], [153, 171, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2BA5E, #CEA442, #463409, #53791D, #99AB10 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e2ba5e; --color-2: #cea442; --color-3: #463409; --color-4: #53791d; --color-5: #99ab10. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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