← Back to Editor

#8D4D99 · #F5B077 · #E29C56 · #EC6853 · #C83138

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

#8D4D99

Dark Plum · Gray · Violet

HEX
#8D4D99
RGB
rgb(141, 77, 153)
HSL
hsl(291, 33%, 45%)
HSB
hsb(291, 50%, 60%)
CMYK
cmyk(8%, 50%, 0%, 40%)
Oklch
oklch(52.6% 0.134 321.1)

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

#F5B077

Apricot · LightSalmon · Warm Sun

HEX
#F5B077
RGB
rgb(245, 176, 119)
HSL
hsl(27, 86%, 71%)
HSB
hsb(27, 51%, 96%)
CMYK
cmyk(0%, 28%, 51%, 4%)
Oklch
oklch(81.0% 0.109 60.0)

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

#E29C56

Ginger · SandyBrown · Warm Sun

HEX
#E29C56
RGB
rgb(226, 156, 86)
HSL
hsl(30, 71%, 61%)
HSB
hsb(30, 62%, 89%)
CMYK
cmyk(0%, 31%, 62%, 11%)
Oklch
oklch(74.8% 0.120 64.1)

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

#EC6853

Peach Pink · Tomato · Coral Red

HEX
#EC6853
RGB
rgb(236, 104, 83)
HSL
hsl(8, 80%, 63%)
HSB
hsb(8, 65%, 93%)
CMYK
cmyk(0%, 56%, 65%, 7%)
Oklch
oklch(67.6% 0.168 31.0)

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

#C83138

Vermilion · FireBrick · Passion Red

HEX
#C83138
RGB
rgb(200, 49, 56)
HSL
hsl(357, 61%, 49%)
HSB
hsb(357, 76%, 78%)
CMYK
cmyk(0%, 76%, 72%, 22%)
Oklch
oklch(55.1% 0.187 23.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D4D99
58994D

Analogous

674D99
8D4D99
994D7E

Triadic

8D4D99
998D4D
4D998D

Split-Comp.

8D4D99
7E994D
4D9967

Tetradic

8D4D99
99674D
58994D
4D7E99

Contrast Matrix WCAG 2.1 Contrast

8D4D99
F5B077
E29C56
EC6853
C83138
—
3.1
AA Large
2.5
Fail
1.8
Fail
1.1
Fail
3.1
AA Large
—
1.2
Fail
1.7
Fail
2.9
Fail
2.5
Fail
1.2
Fail
—
1.4
Fail
2.3
Fail
1.8
Fail
1.7
Fail
1.4
Fail
—
1.7
Fail
1.1
Fail
2.9
Fail
2.3
Fail
1.7
Fail
—
White BG
5.7AA
1.8Fail
2.3Fail
3.1AA Large
5.3AA
Black BG
3.7AA Large
11.4AAA
9.1AAA
6.7AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

717187
D7D785
C4C367
B3B258
878536

Deuteranopia

757A82
DBE088
C8CD6B
BBC459
8F9B36

Tritanopia

8A7875
F29092
DF7477
E55C5D
C03535

Achromatopsia

696969
BEBEBE
A9A9A9
8D8D8D
5F5F5F

Shades & Tints Shades & Tints

#8D4D99

Dark
Light

#F5B077

Dark
Light

#E29C56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d4d99;
  --color-2: #f5b077;
  --color-3: #e29c56;
  --color-4: #ec6853;
  --color-5: #c83138;
}

SCSS

$color-1: #8d4d99;
$color-2: #f5b077;
$color-3: #e29c56;
$color-4: #ec6853;
$color-5: #c83138;

TAILWIND

colors: {
  'brand-1': '#8d4d99',
  'brand-2': '#f5b077',
  'brand-3': '#e29c56',
  'brand-4': '#ec6853',
  'brand-5': '#c83138',
}

RGB Array

[141, 77, 153], [245, 176, 119], [226, 156, 86], [236, 104, 83], [200, 49, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #8D4D99, #F5B077, #E29C56, #EC6853, #C83138 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: #8d4d99; --color-2: #f5b077; --color-3: #e29c56; --color-4: #ec6853; --color-5: #c83138. 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