← Back to Editor

#E0E2BA · #CAC764 · #CE8040 · #56525E · #000000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E0E2BA

Fresh Green · Wheat · Lemon Cream

HEX
#E0E2BA
RGB
rgb(224, 226, 186)
HSL
hsl(63, 41%, 81%)
HSB
hsb(63, 18%, 89%)
CMYK
cmyk(1%, 0%, 18%, 11%)
Oklch
oklch(90.1% 0.053 109.8)

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

#CAC764

Autumn Sage · BurlyWood · Sunflower

HEX
#CAC764
RGB
rgb(202, 199, 100)
HSL
hsl(58, 49%, 59%)
HSB
hsb(58, 50%, 79%)
CMYK
cmyk(0%, 1%, 50%, 21%)
Oklch
oklch(81.2% 0.122 107.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#CE8040

Tangerine · Chocolate · Warm Sun

HEX
#CE8040
RGB
rgb(206, 128, 64)
HSL
hsl(27, 59%, 53%)
HSB
hsb(27, 69%, 81%)
CMYK
cmyk(0%, 38%, 69%, 19%)
Oklch
oklch(67.1% 0.125 57.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#56525E

Ink Gray · DimGray · Charcoal

HEX
#56525E
RGB
rgb(86, 82, 94)
HSL
hsl(260, 7%, 35%)
HSB
hsb(260, 13%, 37%)
CMYK
cmyk(9%, 13%, 0%, 63%)
Oklch
oklch(44.7% 0.020 300.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0E2BA
BDBBE2

Analogous

E2D1BB
E0E2BA
CDE2BB

Triadic

E0E2BA
BBE0E2
E2BBE0

Split-Comp.

E0E2BA
BBCDE2
D1BBE2

Tetradic

E0E2BA
BBE2D1
BDBBE2
E2BBCD

Contrast Matrix WCAG 2.1 Contrast

E0E2BA
CAC764
CE8040
56525E
000000
—
1.3
Fail
2.3
Fail
5.7
AA
15.8
AAA
1.3
Fail
—
1.7
Fail
4.3
AA Large
11.9
AAA
2.3
Fail
1.7
Fail
—
2.5
Fail
6.8
AA
5.7
AA
4.3
AA Large
2.5
Fail
—
2.8
Fail
15.8
AAA
11.9
AAA
6.8
AA
2.8
Fail
—
White BG
1.3Fail
1.8Fail
3.1AA Large
7.6AAA
21.0AAA
Black BG
15.8AAA
11.9AAA
6.8AA
2.8Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1C4
C9C97C
ACAC4F
54545B
000000

Deuteranopia

E1E1C6
C9C982
B1B753
55555A
000000

Tritanopia

E0CBCD
CA8F93
CA5C5E
565958
000000

Achromatopsia

DDDDDD
BDBDBD
909090
555555
000000

Shades & Tints Shades & Tints

#E0E2BA

Dark
Light

#CAC764

Dark
Light

#CE8040

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0e2ba;
  --color-2: #cac764;
  --color-3: #ce8040;
  --color-4: #56525e;
  --color-5: #000000;
}

SCSS

$color-1: #e0e2ba;
$color-2: #cac764;
$color-3: #ce8040;
$color-4: #56525e;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#e0e2ba',
  'brand-2': '#cac764',
  'brand-3': '#ce8040',
  'brand-4': '#56525e',
  'brand-5': '#000000',
}

RGB Array

[224, 226, 186], [202, 199, 100], [206, 128, 64], [86, 82, 94], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0E2BA, #CAC764, #CE8040, #56525E, #000000 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #e0e2ba; --color-2: #cac764; --color-3: #ce8040; --color-4: #56525e; --color-5: #000000. 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. 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 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