← Back to Editor

#E1EFCB · #E5BC7C · #F36E65 · #982838 · #580000

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

#E1EFCB

Willow Green · Beige · Mint Green

HEX
#E1EFCB
RGB
rgb(225, 239, 203)
HSL
hsl(83, 53%, 87%)
HSB
hsb(83, 15%, 94%)
CMYK
cmyk(6%, 0%, 15%, 6%)
Oklch
oklch(93.2% 0.050 124.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#E5BC7C

Ginger · BurlyWood · Warm Sun

HEX
#E5BC7C
RGB
rgb(229, 188, 124)
HSL
hsl(37, 67%, 69%)
HSB
hsb(37, 46%, 90%)
CMYK
cmyk(0%, 18%, 46%, 10%)
Oklch
oklch(81.7% 0.094 78.0)

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

#F36E65

Peach Pink · Salmon · Coral Red

HEX
#F36E65
RGB
rgb(243, 110, 101)
HSL
hsl(4, 86%, 67%)
HSB
hsb(4, 58%, 95%)
CMYK
cmyk(0%, 55%, 58%, 5%)
Oklch
oklch(69.7% 0.166 26.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#982838

Crimson · Brown · Wine Red

HEX
#982838
RGB
rgb(152, 40, 56)
HSL
hsl(351, 58%, 38%)
HSB
hsb(351, 74%, 60%)
CMYK
cmyk(0%, 74%, 63%, 40%)
Oklch
oklch(45.8% 0.147 17.4)

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

#580000

Vermilion · Maroon · Deep Berry

HEX
#580000
RGB
rgb(88, 0, 0)
HSL
hsl(0, 100%, 17%)
HSB
hsb(0, 100%, 35%)
CMYK
cmyk(0%, 100%, 100%, 65%)
Oklch
oklch(28.9% 0.119 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1EFCB
DACCEF

Analogous

EFEBCC
E1EFCB
D0EFCC

Triadic

E1EFCB
CCE2EF
EFCCE2

Split-Comp.

E1EFCB
CCD0EF
EBCCEF

Tetradic

E1EFCB
CCEFEB
DACCEF
EFCCD0

Contrast Matrix WCAG 2.1 Contrast

E1EFCB
E5BC7C
F36E65
982838
580000
—
1.5
Fail
2.4
Fail
6.5
AA
12.3
AAA
1.5
Fail
—
1.6
Fail
4.4
AA Large
8.4
AAA
2.4
Fail
1.6
Fail
—
2.7
Fail
5.1
AA
6.5
AA
4.4
AA Large
2.7
Fail
—
1.9
Fail
12.3
AAA
8.4
AAA
5.1
AA
1.9
Fail
—
White BG
1.2Fail
1.8Fail
2.9Fail
7.8AAA
14.8AAA
Black BG
17.4AAA
11.8AAA
7.2AAA
2.7Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7D4
D3D38B
B9B867
686634
323100

Deuteranopia

E6E5D6
D6D98F
C1CB68
6E7633
373E00

Tritanopia

E2DBDC
E3989A
EC6969
923130
540000

Achromatopsia

E7E7E7
C1C1C1
959595
4B4B4B
1A1A1A

Shades & Tints Shades & Tints

#E1EFCB

Dark
Light

#E5BC7C

Dark
Light

#F36E65

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1efcb;
  --color-2: #e5bc7c;
  --color-3: #f36e65;
  --color-4: #982838;
  --color-5: #580000;
}

SCSS

$color-1: #e1efcb;
$color-2: #e5bc7c;
$color-3: #f36e65;
$color-4: #982838;
$color-5: #580000;

TAILWIND

colors: {
  'brand-1': '#e1efcb',
  'brand-2': '#e5bc7c',
  'brand-3': '#f36e65',
  'brand-4': '#982838',
  'brand-5': '#580000',
}

RGB Array

[225, 239, 203], [229, 188, 124], [243, 110, 101], [152, 40, 56], [88, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E1EFCB, #E5BC7C, #F36E65, #982838, #580000 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: #e1efcb; --color-2: #e5bc7c; --color-3: #f36e65; --color-4: #982838; --color-5: #580000. 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