← Back to Editor

#EEEB8E · #BAC77E · #82AD7C · #A79552 · #EC4401

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

#EEEB8E

Fresh Green · Khaki · Sunflower

HEX
#EEEB8E
RGB
rgb(238, 235, 142)
HSL
hsl(58, 74%, 75%)
HSB
hsb(58, 40%, 93%)
CMYK
cmyk(0%, 1%, 40%, 7%)
Oklch
oklch(92.2% 0.115 106.8)

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

#BAC77E

Willow Green · Tan · Apple Green

HEX
#BAC77E
RGB
rgb(186, 199, 126)
HSL
hsl(71, 39%, 64%)
HSB
hsb(71, 37%, 78%)
CMYK
cmyk(7%, 0%, 37%, 22%)
Oklch
oklch(80.3% 0.097 116.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#82AD7C

Celadon · DarkSeaGreen · Olive Green

HEX
#82AD7C
RGB
rgb(130, 173, 124)
HSL
hsl(113, 23%, 58%)
HSB
hsb(113, 28%, 68%)
CMYK
cmyk(25%, 0%, 28%, 32%)
Oklch
oklch(70.3% 0.084 141.6)

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

#A79552

Ochre · Gray · Honey Gold

HEX
#A79552
RGB
rgb(167, 149, 82)
HSL
hsl(47, 34%, 49%)
HSB
hsb(47, 51%, 65%)
CMYK
cmyk(0%, 11%, 51%, 35%)
Oklch
oklch(67.1% 0.090 94.7)

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

#EC4401

Tangerine · OrangeRed · Amber Brown

HEX
#EC4401
RGB
rgb(236, 68, 1)
HSL
hsl(17, 99%, 46%)
HSB
hsb(17, 100%, 93%)
CMYK
cmyk(0%, 71%, 100%, 7%)
Oklch
oklch(62.7% 0.213 36.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEEB8E
9093EE

Analogous

EEBC90
EEEB8E
C2EE90

Triadic

EEEB8E
90EEEB
EB90EE

Split-Comp.

EEEB8E
90C2EE
BC90EE

Tetradic

EEEB8E
90EEBC
9093EE
EE90C2

Contrast Matrix WCAG 2.1 Contrast

EEEB8E
BAC77E
82AD7C
A79552
EC4401
—
1.5
Fail
2.1
Fail
2.4
Fail
3.1
AA Large
1.5
Fail
—
1.4
Fail
1.6
Fail
2.1
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
2.4
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
3.1
AA Large
2.1
Fail
1.5
Fail
1.3
Fail
—
White BG
1.2Fail
1.8Fail
2.6Fail
3.0Fail
3.9AA Large
Black BG
16.9AAA
11.6AAA
8.2AAA
7.1AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDA5
C0C090
959588
9F9F62
A3A211

Deuteranopia

EDEDAA
BFBE94
928F8B
A0A266
ADBA15

Tritanopia

EEB6BA
BB9EA1
849193
A66F72
E41E21

Achromatopsia

E1E1E1
BBBBBB
9B9B9B
939393
6F6F6F

Shades & Tints Shades & Tints

#EEEB8E

Dark
Light

#BAC77E

Dark
Light

#82AD7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeeb8e;
  --color-2: #bac77e;
  --color-3: #82ad7c;
  --color-4: #a79552;
  --color-5: #ec4401;
}

SCSS

$color-1: #eeeb8e;
$color-2: #bac77e;
$color-3: #82ad7c;
$color-4: #a79552;
$color-5: #ec4401;

TAILWIND

colors: {
  'brand-1': '#eeeb8e',
  'brand-2': '#bac77e',
  'brand-3': '#82ad7c',
  'brand-4': '#a79552',
  'brand-5': '#ec4401',
}

RGB Array

[238, 235, 142], [186, 199, 126], [130, 173, 124], [167, 149, 82], [236, 68, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEEB8E, #BAC77E, #82AD7C, #A79552, #EC4401 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: #eeeb8e; --color-2: #bac77e; --color-3: #82ad7c; --color-4: #a79552; --color-5: #ec4401. 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