#E5AD55 + #E7853A + #AC6B3E + #725143 + #373747 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E5AD55

Ginger · SandyBrown · Warm Sun

HEX

#E5AD55

RGB

rgb(229, 173, 85)

HSL

hsl(37, 73%, 62%)

HSB

hsb(37, 63%, 90%)

CMYK

cmyk(0%, 24%, 63%, 10%)

Oklch

oklch(78.3% 0.124 76.5)

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

#E7853A

Tangerine · Coral · Warm Sun

HEX

#E7853A

RGB

rgb(231, 133, 58)

HSL

hsl(26, 78%, 57%)

HSB

hsb(26, 75%, 91%)

CMYK

cmyk(0%, 42%, 75%, 9%)

Oklch

oklch(71.0% 0.148 54.5)

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

#AC6B3E

Tangerine · Sienna · Amber Brown

HEX

#AC6B3E

RGB

rgb(172, 107, 62)

HSL

hsl(25, 47%, 46%)

HSB

hsb(25, 64%, 67%)

CMYK

cmyk(0%, 38%, 64%, 33%)

Oklch

oklch(58.9% 0.103 54.0)

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

#725143

Tangerine · DarkOliveGreen · Amber Brown

HEX

#725143

RGB

rgb(114, 81, 67)

HSL

hsl(18, 26%, 35%)

HSB

hsb(18, 41%, 45%)

CMYK

cmyk(0%, 29%, 41%, 55%)

Oklch

oklch(46.7% 0.050 44.0)

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

#373747

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#373747

RGB

rgb(55, 55, 71)

HSL

hsl(240, 13%, 25%)

HSB

hsb(240, 23%, 28%)

CMYK

cmyk(23%, 23%, 0%, 72%)

Oklch

oklch(34.3% 0.028 284.8)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5AD55

578EE5

Analogous

E56857

E5AD55

D4E557

Triadic

E5AD55

57E5AF

AF57E5

Split-Comp.

E5AD55

57D4E5

6857E5

Tetradic

E5AD55

57E568

578EE5

E557D4

Contrast Matrix WCAG 2.1 Contrast

E5AD55	E7853A	AC6B3E	725143	373747
—	1.3 Fail	2.1 Fail	3.5 AA Large	5.8 AA
1.3 Fail	—	1.6 Fail	2.6 Fail	4.3 AA Large
2.1 Fail	1.6 Fail	—	1.7 Fail	2.7 Fail
3.5 AA Large	2.6 Fail	1.7 Fail	—	1.7 Fail
5.8 AA	4.3 AA Large	2.7 Fail	1.7 Fail	—

White BG

2.0Fail

2.7Fail

4.3AA Large

7.1AAA

11.7AAA

Black BG

10.4AAA

7.8AAA

4.9AA

3.0Fail

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCC6A

BDBC4C

908F49

646346

373743

Deuteranopia

D0D46F

C2CA51

94994C

666847

373742

Tritanopia

E27B7F

E25A5E

A95153

70494A

37403F

Achromatopsia

B4B4B4

9A9A9A

797979

595959

393939

Shades & Tints Shades & Tints

#E5AD55

Dark

Light

#E7853A

Dark

Light

#AC6B3E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5ad55;
  --color-2: #e7853a;
  --color-3: #ac6b3e;
  --color-4: #725143;
  --color-5: #373747;
}

SCSS

$color-1: #e5ad55;
$color-2: #e7853a;
$color-3: #ac6b3e;
$color-4: #725143;
$color-5: #373747;

TAILWIND

colors: {
  'brand-1': '#e5ad55',
  'brand-2': '#e7853a',
  'brand-3': '#ac6b3e',
  'brand-4': '#725143',
  'brand-5': '#373747',
}

RGB Array

[229, 173, 85], [231, 133, 58], [172, 107, 62], [114, 81, 67], [55, 55, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E5AD55, #E7853A, #AC6B3E, #725143, #373747 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: #e5ad55; --color-2: #e7853a; --color-3: #ac6b3e; --color-4: #725143; --color-5: #373747. 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 warm-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