← Back to Editor

#E85471 · #AD0031 · #521B26 · #F0AF18 · #453E40

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#E85471

Peach Pink · LightCoral · Coral Red

HEX
#E85471
RGB
rgb(232, 84, 113)
HSL
hsl(348, 76%, 62%)
HSB
hsb(348, 64%, 91%)
CMYK
cmyk(0%, 64%, 51%, 9%)
Oklch
oklch(65.1% 0.183 12.1)

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

#AD0031

Dark Violet · FireBrick · Camellia

HEX
#AD0031
RGB
rgb(173, 0, 49)
HSL
hsl(343, 100%, 34%)
HSB
hsb(343, 100%, 68%)
CMYK
cmyk(0%, 100%, 72%, 32%)
Oklch
oklch(47.4% 0.190 17.7)

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

#521B26

Crimson · Maroon · Wine Red

HEX
#521B26
RGB
rgb(82, 27, 38)
HSL
hsl(348, 50%, 21%)
HSB
hsb(348, 67%, 32%)
CMYK
cmyk(0%, 67%, 54%, 68%)
Oklch
oklch(31.1% 0.083 11.1)

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

#F0AF18

Ginger · GoldenRod · Sunflower

HEX
#F0AF18
RGB
rgb(240, 175, 24)
HSL
hsl(42, 88%, 52%)
HSB
hsb(42, 90%, 94%)
CMYK
cmyk(0%, 27%, 90%, 6%)
Oklch
oklch(79.4% 0.160 80.8)

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

#453E40

Dark Cyan · DarkSlateGray · Charcoal

HEX
#453E40
RGB
rgb(69, 62, 64)
HSL
hsl(343, 5%, 26%)
HSB
hsb(343, 10%, 27%)
CMYK
cmyk(0%, 10%, 7%, 73%)
Oklch
oklch(37.2% 0.010 358.3)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E85471
54E8CA

Analogous

E854BC
E85471
E88154

Triadic

E85471
72E854
5472E8

Split-Comp.

E85471
54E881
54BCE8

Tetradic

E85471
BCE854
54E8CA
8154E8

Contrast Matrix WCAG 2.1 Contrast

E85471
AD0031
521B26
F0AF18
453E40
—
2.1
Fail
3.8
AA Large
1.8
Fail
2.9
Fail
2.1
Fail
—
1.8
Fail
3.8
AA Large
1.4
Fail
3.8
AA Large
1.8
Fail
—
7.0
AAA
1.3
Fail
1.8
Fail
3.8
AA Large
7.0
AAA
—
5.4
AA
2.9
Fail
1.4
Fail
1.3
Fail
5.4
AA
—
White BG
3.5AA Large
7.4AAA
13.6AAA
1.9Fail
10.4AAA
Black BG
5.9AA
2.8Fail
1.5Fail
10.9AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A76A
626125
3A3A23
D4D33D
424240

Deuteranopia

B1BC68
6C7922
3D4223
D8DD45
42433F

Tritanopia

E16463
A41C1A
4F2121
ED5960
453F3F

Achromatopsia

848484
393939
2D2D2D
B1B1B1
404040

Shades & Tints Shades & Tints

#E85471

Dark
Light

#AD0031

Dark
Light

#521B26

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e85471;
  --color-2: #ad0031;
  --color-3: #521b26;
  --color-4: #f0af18;
  --color-5: #453e40;
}

SCSS

$color-1: #e85471;
$color-2: #ad0031;
$color-3: #521b26;
$color-4: #f0af18;
$color-5: #453e40;

TAILWIND

colors: {
  'brand-1': '#e85471',
  'brand-2': '#ad0031',
  'brand-3': '#521b26',
  'brand-4': '#f0af18',
  'brand-5': '#453e40',
}

RGB Array

[232, 84, 113], [173, 0, 49], [82, 27, 38], [240, 175, 24], [69, 62, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E85471, #AD0031, #521B26, #F0AF18, #453E40 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #e85471; --color-2: #ad0031; --color-3: #521b26; --color-4: #f0af18; --color-5: #453e40. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 pastel-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