← Back to Editor

#E81221 · #590D12 · #785659 · #AB9A9C · #DEDEDE

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

#E81221

Vermilion · Crimson · Passion Red

HEX
#E81221
RGB
rgb(232, 18, 33)
HSL
hsl(356, 86%, 49%)
HSB
hsb(356, 92%, 91%)
CMYK
cmyk(0%, 92%, 86%, 9%)
Oklch
oklch(59.0% 0.234 26.7)

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

#590D12

Vermilion · Maroon · Deep Berry

HEX
#590D12
RGB
rgb(89, 13, 18)
HSL
hsl(356, 75%, 20%)
HSB
hsb(356, 85%, 35%)
CMYK
cmyk(0%, 85%, 80%, 65%)
Oklch
oklch(30.4% 0.107 23.5)

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

#785659

Crimson · DimGray · Wine Red

HEX
#785659
RGB
rgb(120, 86, 89)
HSL
hsl(355, 17%, 40%)
HSB
hsb(355, 28%, 47%)
CMYK
cmyk(0%, 28%, 26%, 53%)
Oklch
oklch(49.0% 0.045 13.0)

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

#AB9A9C

Peach Pink · DarkGray · Silver Sand

HEX
#AB9A9C
RGB
rgb(171, 154, 156)
HSL
hsl(353, 9%, 64%)
HSB
hsb(353, 10%, 67%)
CMYK
cmyk(0%, 10%, 9%, 33%)
Oklch
oklch(70.2% 0.020 9.5)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#DEDEDE

Plain White · LightGray · Cloud White

HEX
#DEDEDE
RGB
rgb(222, 222, 222)
HSL
hsl(0, 0%, 87%)
HSB
hsb(0, 0%, 87%)
CMYK
cmyk(0%, 0%, 0%, 13%)
Oklch
oklch(90.1% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E81221
11E8DA

Analogous

E8118B
E81221
E86F11

Triadic

E81221
20E811
1120E8

Split-Comp.

E81221
11E86F
118BE8

Tetradic

E81221
8BE811
11E8DA
6F11E8

Contrast Matrix WCAG 2.1 Contrast

E81221
590D12
785659
AB9A9C
DEDEDE
—
3.0
AA Large
1.4
Fail
1.7
Fail
3.4
AA Large
3.0
AA Large
—
2.2
Fail
5.3
AA
10.5
AAA
1.4
Fail
2.2
Fail
—
2.4
Fail
4.8
AA
1.7
Fail
5.3
AA
2.4
Fail
—
2.0
Fail
3.4
AA Large
10.5
AAA
4.8
AA
2.0
Fail
—
White BG
4.6AA
14.1AAA
6.4AA
2.7Fail
1.3Fail
Black BG
4.5AA
1.5Fail
3.3AA Large
7.8AAA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B891D
383711
696958
A4A39C
DEDEDE

Deuteranopia

98A81C
3D4211
6B6E58
A5A69B
DEDEDE

Tritanopia

DD1B1A
551010
765858
AA9B9B
DEDEDE

Achromatopsia

545454
242424
616161
9F9F9F
DEDEDE

Shades & Tints Shades & Tints

#E81221

Dark
Light

#590D12

Dark
Light

#785659

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e81221;
  --color-2: #590d12;
  --color-3: #785659;
  --color-4: #ab9a9c;
  --color-5: #dedede;
}

SCSS

$color-1: #e81221;
$color-2: #590d12;
$color-3: #785659;
$color-4: #ab9a9c;
$color-5: #dedede;

TAILWIND

colors: {
  'brand-1': '#e81221',
  'brand-2': '#590d12',
  'brand-3': '#785659',
  'brand-4': '#ab9a9c',
  'brand-5': '#dedede',
}

RGB Array

[232, 18, 33], [89, 13, 18], [120, 86, 89], [171, 154, 156], [222, 222, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E81221, #590D12, #785659, #AB9A9C, #DEDEDE is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e81221; --color-2: #590d12; --color-3: #785659; --color-4: #ab9a9c; --color-5: #dedede. 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 pastel-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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