← Back to Editor

#E25037 · #EA7044 · #F28950 · #F5A053 · #F8B356

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 App

Color Details Color Details

#E25037

Vermilion · Tomato · Passion Red

HEX
#E25037
RGB
rgb(226, 80, 55)
HSL
hsl(9, 75%, 55%)
HSB
hsb(9, 76%, 89%)
CMYK
cmyk(0%, 65%, 76%, 11%)
Oklch
oklch(62.7% 0.186 32.1)

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

#EA7044

Tangerine · Tomato · Warm Sun

HEX
#EA7044
RGB
rgb(234, 112, 68)
HSL
hsl(16, 80%, 59%)
HSB
hsb(16, 71%, 92%)
CMYK
cmyk(0%, 52%, 71%, 8%)
Oklch
oklch(68.2% 0.162 39.8)

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

#F28950

Apricot · Coral · Warm Sun

HEX
#F28950
RGB
rgb(242, 137, 80)
HSL
hsl(21, 86%, 63%)
HSB
hsb(21, 67%, 95%)
CMYK
cmyk(0%, 43%, 67%, 5%)
Oklch
oklch(73.3% 0.147 47.7)

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

#F5A053

Apricot · SandyBrown · Warm Sun

HEX
#F5A053
RGB
rgb(245, 160, 83)
HSL
hsl(29, 89%, 64%)
HSB
hsb(29, 66%, 96%)
CMYK
cmyk(0%, 35%, 66%, 4%)
Oklch
oklch(77.6% 0.137 60.6)

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

#F8B356

Ginger · SandyBrown · Warm Sun

HEX
#F8B356
RGB
rgb(248, 179, 86)
HSL
hsl(34, 92%, 65%)
HSB
hsb(34, 65%, 97%)
CMYK
cmyk(0%, 28%, 65%, 3%)
Oklch
oklch(81.5% 0.135 71.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E25037
36C8E2

Analogous

E23672
E25037
E2A636

Triadic

E25037
36E250
5036E2

Split-Comp.

E25037
36E2A6
3672E2

Tetradic

E25037
72E236
36C8E2
A636E2

Contrast Matrix WCAG 2.1 Contrast

E25037
EA7044
F28950
F5A053
F8B356
—
1.3
Fail
1.6
Fail
1.8
Fail
2.1
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.1
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
3.9AA Large
3.0AA Large
2.5Fail
2.1Fail
1.8Fail
Black BG
5.4AA
6.9AA
8.5AAA
10.0AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A13D
B5B44F
C5C45E
D0CF66
DADA6D

Deuteranopia

ABB63F
BCC551
CBD261
D5DC6A
DEE372

Tritanopia

DB4243
E45759
ED696B
F17478
F57E82

Achromatopsia

797979
8F8F8F
A2A2A2
B1B1B1
BDBDBD

Shades & Tints Shades & Tints

#E25037

Dark
Light

#EA7044

Dark
Light

#F28950

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e25037;
  --color-2: #ea7044;
  --color-3: #f28950;
  --color-4: #f5a053;
  --color-5: #f8b356;
}

SCSS

$color-1: #e25037;
$color-2: #ea7044;
$color-3: #f28950;
$color-4: #f5a053;
$color-5: #f8b356;

TAILWIND

colors: {
  'brand-1': '#e25037',
  'brand-2': '#ea7044',
  'brand-3': '#f28950',
  'brand-4': '#f5a053',
  'brand-5': '#f8b356',
}

RGB Array

[226, 80, 55], [234, 112, 68], [242, 137, 80], [245, 160, 83], [248, 179, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E25037, #EA7044, #F28950, #F5A053, #F8B356 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #e25037; --color-2: #ea7044; --color-3: #f28950; --color-4: #f5a053; --color-5: #f8b356. 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 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