#E0B91A + #A8B235 + #B4BF3B + #697535 + #2E2D1A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E0B91A

Ochre · GoldenRod · Honey Gold

HEX

#E0B91A

RGB

rgb(224, 185, 26)

HSL

hsl(48, 79%, 49%)

HSB

hsb(48, 88%, 88%)

CMYK

cmyk(0%, 17%, 88%, 12%)

Oklch

oklch(79.7% 0.159 93.0)

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

#A8B235

Autumn Sage · GoldenRod · Honey Gold

HEX

#A8B235

RGB

rgb(168, 178, 53)

HSL

hsl(65, 54%, 45%)

HSB

hsb(65, 70%, 70%)

CMYK

cmyk(6%, 0%, 70%, 30%)

Oklch

oklch(73.3% 0.145 113.9)

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

#B4BF3B

Autumn Sage · GoldenRod · Honey Gold

HEX

#B4BF3B

RGB

rgb(180, 191, 59)

HSL

hsl(65, 53%, 49%)

HSB

hsb(65, 69%, 75%)

CMYK

cmyk(6%, 0%, 69%, 25%)

Oklch

oklch(77.2% 0.152 114.1)

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

#697535

Grass Green · DarkOliveGreen · Forest Green

HEX

#697535

RGB

rgb(105, 117, 53)

HSL

hsl(71, 38%, 33%)

HSB

hsb(71, 55%, 46%)

CMYK

cmyk(10%, 0%, 55%, 54%)

Oklch

oklch(53.8% 0.089 118.3)

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

#2E2D1A

Autumn Sage · DarkSlateGray · Amber Gold

HEX

#2E2D1A

RGB

rgb(46, 45, 26)

HSL

hsl(57, 28%, 14%)

HSB

hsb(57, 43%, 18%)

CMYK

cmyk(0%, 2%, 43%, 82%)

Oklch

oklch(29.3% 0.032 105.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0B91A

1A42E0

Analogous

E0551A

E0B91A

A4E01A

Triadic

E0B91A

1AE0B8

B81AE0

Split-Comp.

E0B91A

1AA4E0

551AE0

Tetradic

E0B91A

1AE055

1A42E0

E01AA4

Contrast Matrix WCAG 2.1 Contrast

E0B91A	A8B235	B4BF3B	697535	2E2D1A
—	1.2 Fail	1.1 Fail	2.7 Fail	7.4 AAA
1.2 Fail	—	1.2 Fail	2.2 Fail	6.0 AA
1.1 Fail	1.2 Fail	—	2.5 Fail	6.9 AA
2.7 Fail	2.2 Fail	2.5 Fail	—	2.8 Fail
7.4 AAA	6.0 AA	6.9 AA	2.8 Fail	—

White BG

1.9Fail

2.3Fail

2.0Fail

5.0AA

13.9AAA

Black BG

11.1AAA

9.1AAA

10.5AAA

4.2AA Large

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCF40

ACAC53

B9B95B

6E6E44

2E2E1F

Deuteranopia

D1D44A

ACAB5B

B8B763

6E6D48

2E2E20

Tritanopia

DE5F66

A96B70

B5747A

6A5153

2E2223

Achromatopsia

B3B3B3

A1A1A1

ADADAD

6A6A6A

2B2B2B

Shades & Tints Shades & Tints

#E0B91A

Dark

Light

#A8B235

Dark

Light

#B4BF3B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0b91a;
  --color-2: #a8b235;
  --color-3: #b4bf3b;
  --color-4: #697535;
  --color-5: #2e2d1a;
}

SCSS

$color-1: #e0b91a;
$color-2: #a8b235;
$color-3: #b4bf3b;
$color-4: #697535;
$color-5: #2e2d1a;

TAILWIND

colors: {
  'brand-1': '#e0b91a',
  'brand-2': '#a8b235',
  'brand-3': '#b4bf3b',
  'brand-4': '#697535',
  'brand-5': '#2e2d1a',
}

RGB Array

[224, 185, 26], [168, 178, 53], [180, 191, 59], [105, 117, 53], [46, 45, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0B91A, #A8B235, #B4BF3B, #697535, #2E2D1A 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: #e0b91a; --color-2: #a8b235; --color-3: #b4bf3b; --color-4: #697535; --color-5: #2e2d1a. 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