← Back to Editor

#E8B762 · #261A06 · #DB9721 · #E5DDCF · #989590

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 LibraryData Visualization

Color Details Color Details

#E8B762

Ginger · SandyBrown · Warm Sun

HEX
#E8B762
RGB
rgb(232, 183, 98)
HSL
hsl(38, 74%, 65%)
HSB
hsb(38, 58%, 91%)
CMYK
cmyk(0%, 21%, 58%, 9%)
Oklch
oklch(80.7% 0.118 79.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#261A06

Ochre · Black · Cinnamon

HEX
#261A06
RGB
rgb(38, 26, 6)
HSL
hsl(38, 73%, 9%)
HSB
hsb(38, 84%, 15%)
CMYK
cmyk(0%, 32%, 84%, 85%)
Oklch
oklch(22.8% 0.038 78.2)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#DB9721

Ochre · GoldenRod · Amber Brown

HEX
#DB9721
RGB
rgb(219, 151, 33)
HSL
hsl(38, 74%, 49%)
HSB
hsb(38, 85%, 86%)
CMYK
cmyk(0%, 31%, 85%, 14%)
Oklch
oklch(72.6% 0.145 74.7)

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

#E5DDCF

Goose Yellow · LightGray · Peach Orange

HEX
#E5DDCF
RGB
rgb(229, 221, 207)
HSL
hsl(38, 30%, 85%)
HSB
hsb(38, 10%, 90%)
CMYK
cmyk(0%, 3%, 10%, 10%)
Oklch
oklch(90.0% 0.021 81.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#989590

Ash · Gray · Silver Sand

HEX
#989590
RGB
rgb(152, 149, 144)
HSL
hsl(38, 4%, 58%)
HSB
hsb(38, 5%, 60%)
CMYK
cmyk(0%, 2%, 5%, 40%)
Oklch
oklch(67.1% 0.008 80.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8B762
6494E8

Analogous

E87564
E8B762
D6E864

Triadic

E8B762
64E8B7
B764E8

Split-Comp.

E8B762
64D6E8
7564E8

Tetradic

E8B762
64E875
6494E8
E864D6

Contrast Matrix WCAG 2.1 Contrast

E8B762
261A06
DB9721
E5DDCF
989590
—
9.2
AAA
1.3
Fail
1.4
Fail
1.6
Fail
9.2
AAA
—
6.9
AA
12.6
AAA
5.7
AA
1.3
Fail
6.9
AA
—
1.8
Fail
1.2
Fail
1.4
Fail
12.6
AAA
1.8
Fail
—
2.2
Fail
1.6
Fail
5.7
AA
1.2
Fail
2.2
Fail
—
White BG
1.8Fail
17.0AAA
2.5Fail
1.3Fail
3.0Fail
Black BG
11.4AAA
1.2Fail
8.5AAA
15.6AAA
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D277
21210B
BEBD3E
E2E1D2
979791

Deuteranopia

D6D97C
22220C
C2C744
E2E3D3
979792

Tritanopia

E6878A
250F10
D85459
E5D5D6
989292

Achromatopsia

BCBCBC
1B1B1B
9E9E9E
DEDEDE
959595

Shades & Tints Shades & Tints

#E8B762

Dark
Light

#261A06

Dark
Light

#DB9721

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8b762;
  --color-2: #261a06;
  --color-3: #db9721;
  --color-4: #e5ddcf;
  --color-5: #989590;
}

SCSS

$color-1: #e8b762;
$color-2: #261a06;
$color-3: #db9721;
$color-4: #e5ddcf;
$color-5: #989590;

TAILWIND

colors: {
  'brand-1': '#e8b762',
  'brand-2': '#261a06',
  'brand-3': '#db9721',
  'brand-4': '#e5ddcf',
  'brand-5': '#989590',
}

RGB Array

[232, 183, 98], [38, 26, 6], [219, 151, 33], [229, 221, 207], [152, 149, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8B762, #261A06, #DB9721, #E5DDCF, #989590 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: #e8b762; --color-2: #261a06; --color-3: #db9721; --color-4: #e5ddcf; --color-5: #989590. 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