← Back to Editor

#E4B642 · #471605 · #DF8D9F · #EDCDD0 · #93080B

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E4B642

Ginger · SandyBrown · Sunflower

HEX
#E4B642
RGB
rgb(228, 182, 66)
HSL
hsl(43, 75%, 58%)
HSB
hsb(43, 71%, 89%)
CMYK
cmyk(0%, 20%, 71%, 11%)
Oklch
oklch(79.7% 0.140 86.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#471605

Tangerine · Maroon · Cinnamon

HEX
#471605
RGB
rgb(71, 22, 5)
HSL
hsl(15, 87%, 15%)
HSB
hsb(15, 93%, 28%)
CMYK
cmyk(0%, 69%, 93%, 72%)
Oklch
oklch(27.6% 0.080 38.8)

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

#DF8D9F

Peach Pink · LightCoral · Coral Red

HEX
#DF8D9F
RGB
rgb(223, 141, 159)
HSL
hsl(347, 56%, 71%)
HSB
hsb(347, 37%, 87%)
CMYK
cmyk(0%, 37%, 29%, 13%)
Oklch
oklch(73.2% 0.102 5.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EDCDD0

Peach Pink · Pink · Cherry Blossom

HEX
#EDCDD0
RGB
rgb(237, 205, 208)
HSL
hsl(354, 47%, 87%)
HSB
hsb(354, 14%, 93%)
CMYK
cmyk(0%, 14%, 12%, 7%)
Oklch
oklch(87.6% 0.036 11.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#93080B

Vermilion · DarkRed · Wine Red

HEX
#93080B
RGB
rgb(147, 8, 11)
HSL
hsl(359, 90%, 30%)
HSB
hsb(359, 95%, 58%)
CMYK
cmyk(0%, 95%, 93%, 42%)
Oklch
oklch(42.0% 0.167 28.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4B642
4471E4

Analogous

E46644
E4B642
C1E444

Triadic

E4B642
44E4B7
B744E4

Split-Comp.

E4B642
44C1E4
6644E4

Tetradic

E4B642
44E466
4471E4
E444C1

Contrast Matrix WCAG 2.1 Contrast

E4B642
471605
DF8D9F
EDCDD0
93080B
—
8.0
AAA
1.3
Fail
1.3
Fail
4.9
AA
8.0
AAA
—
6.1
AA
10.3
AAA
1.6
Fail
1.3
Fail
6.1
AA
—
1.7
Fail
3.7
AA Large
1.3
Fail
10.3
AAA
1.7
Fail
—
6.2
AA
4.9
AA
1.6
Fail
3.7
AA Large
6.2
AA
—
White BG
1.9Fail
15.2AAA
2.5Fail
1.5Fail
9.2AAA
Black BG
11.1AAA
1.4Fail
8.4AAA
14.2AAA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D05E
323109
BBBB9B
DFDFCF
57560A

Deuteranopia

D3D665
35380A
C0C69A
E1E3CF
5F690A

Tritanopia

E27479
450C0D
DB9796
EBCFCF
8C0A0A

Achromatopsia

B7B7B7
232323
A8A8A8
D7D7D7
323232

Shades & Tints Shades & Tints

#E4B642

Dark
Light

#471605

Dark
Light

#DF8D9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4b642;
  --color-2: #471605;
  --color-3: #df8d9f;
  --color-4: #edcdd0;
  --color-5: #93080b;
}

SCSS

$color-1: #e4b642;
$color-2: #471605;
$color-3: #df8d9f;
$color-4: #edcdd0;
$color-5: #93080b;

TAILWIND

colors: {
  'brand-1': '#e4b642',
  'brand-2': '#471605',
  'brand-3': '#df8d9f',
  'brand-4': '#edcdd0',
  'brand-5': '#93080b',
}

RGB Array

[228, 182, 66], [71, 22, 5], [223, 141, 159], [237, 205, 208], [147, 8, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E4B642, #471605, #DF8D9F, #EDCDD0, #93080B is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e4b642; --color-2: #471605; --color-3: #df8d9f; --color-4: #edcdd0; --color-5: #93080b. 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 warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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