#E5A802 + #D7321F + #A02053 + #2E1B17 + #725559 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E5A802

Ochre · Orange · Honey Gold

HEX

#E5A802

RGB

rgb(229, 168, 2)

HSL

hsl(44, 98%, 45%)

HSB

hsb(44, 99%, 90%)

CMYK

cmyk(0%, 27%, 99%, 10%)

Oklch

oklch(76.9% 0.158 82.2)

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

#D7321F

Vermilion · FireBrick · Passion Red

HEX

#D7321F

RGB

rgb(215, 50, 31)

HSL

hsl(6, 75%, 48%)

HSB

hsb(6, 86%, 84%)

CMYK

cmyk(0%, 77%, 86%, 16%)

Oklch

oklch(57.6% 0.204 30.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#A02053

Dark Violet · Brown · Camellia

HEX

#A02053

RGB

rgb(160, 32, 83)

HSL

hsl(336, 67%, 38%)

HSB

hsb(336, 80%, 63%)

CMYK

cmyk(0%, 80%, 48%, 37%)

Oklch

oklch(47.2% 0.166 2.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#2E1B17

Crimson · Black · Deep Berry

HEX

#2E1B17

RGB

rgb(46, 27, 23)

HSL

hsl(10, 33%, 14%)

HSB

hsb(10, 50%, 18%)

CMYK

cmyk(0%, 41%, 50%, 82%)

Oklch

oklch(24.6% 0.031 32.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#725559

Crimson · DimGray · Wine Red

HEX

#725559

RGB

rgb(114, 85, 89)

HSL

hsl(352, 15%, 39%)

HSB

hsb(352, 25%, 45%)

CMYK

cmyk(0%, 25%, 22%, 55%)

Oklch

oklch(48.1% 0.039 9.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5A802

023EE3

Analogous

E33702

E5A802

AFE302

Triadic

E5A802

02E3A7

A702E3

Split-Comp.

E5A802

02AFE3

3702E3

Tetradic

E5A802

02E337

023EE3

E302AF

Contrast Matrix WCAG 2.1 Contrast

E5A802	D7321F	A02053	2E1B17	725559
—	2.3 Fail	3.5 AA Large	7.7 AAA	3.1 AA Large
2.3 Fail	—	1.5 Fail	3.4 AA Large	1.4 Fail
3.5 AA Large	1.5 Fail	—	2.2 Fail	1.1 Fail
7.7 AAA	3.4 AA Large	2.2 Fail	—	2.5 Fail
3.1 AA Large	1.4 Fail	1.1 Fail	2.5 Fail	—

White BG

2.1Fail

4.8AA

7.4AAA

16.3AAA

6.6AA

Black BG

9.9AAA

4.4AA Large

2.8Fail

1.3Fail

3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCA2A

908E24

696747

262618

656558

Deuteranopia

CED334

99A625

707A44

272818

676958

Tritanopia

E24A51

CF2728

9A3D3B

2D1919

715757

Achromatopsia

A7A7A7

616161

4C4C4C

202020

5E5E5E

Shades & Tints Shades & Tints

#E5A802

Dark

Light

#D7321F

Dark

Light

#A02053

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5a802;
  --color-2: #d7321f;
  --color-3: #a02053;
  --color-4: #2e1b17;
  --color-5: #725559;
}

SCSS

$color-1: #e5a802;
$color-2: #d7321f;
$color-3: #a02053;
$color-4: #2e1b17;
$color-5: #725559;

TAILWIND

colors: {
  'brand-1': '#e5a802',
  'brand-2': '#d7321f',
  'brand-3': '#a02053',
  'brand-4': '#2e1b17',
  'brand-5': '#725559',
}

RGB Array

[229, 168, 2], [215, 50, 31], [160, 32, 83], [46, 27, 23], [114, 85, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5A802, #D7321F, #A02053, #2E1B17, #725559 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: #e5a802; --color-2: #d7321f; --color-3: #a02053; --color-4: #2e1b17; --color-5: #725559. 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