#EBA10E + #AEA733 + #56B76B + #0CC19A + #544C33 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EBA10E

Ochre · Orange · Honey Gold

HEX

#EBA10E

RGB

rgb(235, 161, 14)

HSL

hsl(40, 89%, 49%)

HSB

hsb(40, 94%, 92%)

CMYK

cmyk(0%, 31%, 94%, 8%)

Oklch

oklch(76.2% 0.158 75.4)

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

#AEA733

Autumn Sage · GoldenRod · Honey Gold

HEX

#AEA733

RGB

rgb(174, 167, 51)

HSL

hsl(57, 55%, 44%)

HSB

hsb(57, 71%, 68%)

CMYK

cmyk(0%, 4%, 71%, 32%)

Oklch

oklch(71.3% 0.133 105.9)

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

#56B76B

Celadon · MediumSeaGreen · Olive Green

HEX

#56B76B

RGB

rgb(86, 183, 107)

HSL

hsl(133, 40%, 53%)

HSB

hsb(133, 53%, 72%)

CMYK

cmyk(53%, 0%, 42%, 28%)

Oklch

oklch(70.2% 0.143 148.7)

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

#0CC19A

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#0CC19A

RGB

rgb(12, 193, 154)

HSL

hsl(167, 88%, 40%)

HSB

hsb(167, 94%, 76%)

CMYK

cmyk(94%, 0%, 20%, 24%)

Oklch

oklch(72.3% 0.140 171.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#544C33

Ochre · DarkOliveGreen · Honey Gold

HEX

#544C33

RGB

rgb(84, 76, 51)

HSL

hsl(45, 24%, 26%)

HSB

hsb(45, 39%, 33%)

CMYK

cmyk(0%, 10%, 39%, 67%)

Oklch

oklch(41.7% 0.040 92.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBA10E

0E58EC

Analogous

EC330E

EBA10E

C7EC0E

Triadic

EBA10E

0EECA2

A20EEC

Split-Comp.

EBA10E

0EC7EC

330EEC

Tetradic

EBA10E

0EEC33

0E58EC

EC0EC7

Contrast Matrix WCAG 2.1 Contrast

EBA10E	AEA733	56B76B	0CC19A	544C33
—	1.2 Fail	1.1 Fail	1.1 Fail	3.9 AA Large
1.2 Fail	—	1.0 Fail	1.1 Fail	3.4 AA Large
1.1 Fail	1.0 Fail	—	1.1 Fail	3.4 AA Large
1.1 Fail	1.1 Fail	1.1 Fail	—	3.7 AA Large
3.9 AA Large	3.4 AA Large	3.4 AA Large	3.7 AA Large	—

White BG

2.2Fail

2.5Fail

2.3Fail

8.5AAA

Black BG

9.6AAA

8.4AAA

9.1AAA

2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCA32

ABAB4F

80817D

5A5CA3

515039

Deuteranopia

CFD53A

ABAC56

7A7382

5042A6

51523B

Tritanopia

E74E54

AE656A

5B8C8F

15ABAD

543E3F

Achromatopsia

A6A6A6

9C9C9C

919191

868686

4C4C4C

Shades & Tints Shades & Tints

#EBA10E

Dark

Light

#AEA733

Dark

Light

#56B76B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eba10e;
  --color-2: #aea733;
  --color-3: #56b76b;
  --color-4: #0cc19a;
  --color-5: #544c33;
}

SCSS

$color-1: #eba10e;
$color-2: #aea733;
$color-3: #56b76b;
$color-4: #0cc19a;
$color-5: #544c33;

TAILWIND

colors: {
  'brand-1': '#eba10e',
  'brand-2': '#aea733',
  'brand-3': '#56b76b',
  'brand-4': '#0cc19a',
  'brand-5': '#544c33',
}

RGB Array

[235, 161, 14], [174, 167, 51], [86, 183, 107], [12, 193, 154], [84, 76, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBA10E, #AEA733, #56B76B, #0CC19A, #544C33 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: #eba10e; --color-2: #aea733; --color-3: #56b76b; --color-4: #0cc19a; --color-5: #544c33. 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