#E3B61D + #9E8A2A + #4B6753 + #37395C + #291A4A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E3B61D

Ochre · GoldenRod · Honey Gold

HEX

#E3B61D

RGB

rgb(227, 182, 29)

HSL

hsl(46, 78%, 50%)

HSB

hsb(46, 87%, 89%)

CMYK

cmyk(0%, 20%, 87%, 11%)

Oklch

oklch(79.4% 0.157 90.0)

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

#9E8A2A

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#9E8A2A

RGB

rgb(158, 138, 42)

HSL

hsl(50, 58%, 39%)

HSB

hsb(50, 73%, 62%)

CMYK

cmyk(0%, 13%, 73%, 38%)

Oklch

oklch(63.4% 0.115 97.0)

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

#4B6753

Celadon · DarkSlateGray · Forest Green

HEX

#4B6753

RGB

rgb(75, 103, 83)

HSL

hsl(137, 16%, 35%)

HSB

hsb(137, 27%, 40%)

CMYK

cmyk(27%, 0%, 19%, 60%)

Oklch

oklch(48.5% 0.046 153.4)

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

#37395C

Indigo · DarkSlateGray · Prussian Blue

HEX

#37395C

RGB

rgb(55, 57, 92)

HSL

hsl(237, 25%, 29%)

HSB

hsb(237, 40%, 36%)

CMYK

cmyk(40%, 38%, 0%, 64%)

Oklch

oklch(35.9% 0.060 280.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#291A4A

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX

#291A4A

RGB

rgb(41, 26, 74)

HSL

hsl(259, 48%, 20%)

HSB

hsb(259, 65%, 29%)

CMYK

cmyk(45%, 65%, 0%, 71%)

Oklch

oklch(26.6% 0.085 294.2)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3B61D

1C4AE3

Analogous

E3511C

E3B61D

AEE31C

Triadic

E3B61D

1CE3B5

B51CE3

Split-Comp.

E3B61D

1CAEE3

511CE3

Tetradic

E3B61D

1CE351

1C4AE3

E31CAE

Contrast Matrix WCAG 2.1 Contrast

E3B61D	9E8A2A	4B6753	37395C	291A4A
—	1.8 Fail	3.3 AA Large	5.8 AA	8.2 AAA
1.8 Fail	—	1.8 Fail	3.2 AA Large	4.6 AA
3.3 AA Large	1.8 Fail	—	1.8 Fail	2.5 Fail
5.8 AA	3.2 AA Large	1.8 Fail	—	1.4 Fail
8.2 AAA	4.6 AA	2.5 Fail	1.4 Fail	—

White BG

1.9Fail

3.4AA Large

6.2AA

11.0AAA

15.7AAA

Black BG

11.0AAA

6.1AA

3.4AA Large

1.9Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0CF42

959541

575758

383854

23223E

Deuteranopia

D2D54B

979847

565359

383851

23253C

Tritanopia

E15F66

9D5458

4C5C5D

374D4B

283533

Achromatopsia

B2B2B2

858585

5C5C5C

3C3C3C

242424

Shades & Tints Shades & Tints

#E3B61D

Dark

Light

#9E8A2A

Dark

Light

#4B6753

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3b61d;
  --color-2: #9e8a2a;
  --color-3: #4b6753;
  --color-4: #37395c;
  --color-5: #291a4a;
}

SCSS

$color-1: #e3b61d;
$color-2: #9e8a2a;
$color-3: #4b6753;
$color-4: #37395c;
$color-5: #291a4a;

TAILWIND

colors: {
  'brand-1': '#e3b61d',
  'brand-2': '#9e8a2a',
  'brand-3': '#4b6753',
  'brand-4': '#37395c',
  'brand-5': '#291a4a',
}

RGB Array

[227, 182, 29], [158, 138, 42], [75, 103, 83], [55, 57, 92], [41, 26, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3B61D, #9E8A2A, #4B6753, #37395C, #291A4A 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: #e3b61d; --color-2: #9e8a2a; --color-3: #4b6753; --color-4: #37395c; --color-5: #291a4a. 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