← Back to Editor

#220721 · #300A32 · #2B1D49 · #812762 · #D3204B

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#220721

Rose Purple · Black · Dark Purple

HEX
#220721
RGB
rgb(34, 7, 33)
HSL
hsl(302, 66%, 8%)
HSB
hsb(302, 79%, 13%)
CMYK
cmyk(0%, 79%, 3%, 87%)
Oklch
oklch(19.0% 0.062 329.2)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#300A32

Royal Purple · MidnightBlue · Dark Purple

HEX
#300A32
RGB
rgb(48, 10, 50)
HSL
hsl(297, 67%, 12%)
HSB
hsb(297, 80%, 20%)
CMYK
cmyk(4%, 80%, 0%, 80%)
Oklch
oklch(23.2% 0.084 325.8)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#2B1D49

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#2B1D49
RGB
rgb(43, 29, 73)
HSL
hsl(259, 43%, 20%)
HSB
hsb(259, 60%, 29%)
CMYK
cmyk(41%, 60%, 0%, 71%)
Oklch
oklch(27.3% 0.079 295.4)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#812762

Rose Purple · Purple · Camellia

HEX
#812762
RGB
rgb(129, 39, 98)
HSL
hsl(321, 54%, 33%)
HSB
hsb(321, 70%, 51%)
CMYK
cmyk(0%, 70%, 24%, 49%)
Oklch
oklch(43.1% 0.140 344.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#D3204B

Vermilion · Crimson · Passion Red

HEX
#D3204B
RGB
rgb(211, 32, 75)
HSL
hsl(346, 74%, 48%)
HSB
hsb(346, 85%, 83%)
CMYK
cmyk(0%, 85%, 64%, 17%)
Oklch
oklch(56.2% 0.209 15.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

220721
072208

Analogous

150722
220721
220714

Triadic

220721
212207
072122

Split-Comp.

220721
142207
072215

Tetradic

220721
221507
072208
071422

Contrast Matrix WCAG 2.1 Contrast

220721
300A32
2B1D49
812762
D3204B
—
1.1
Fail
1.2
Fail
2.1
Fail
3.6
AA Large
1.1
Fail
—
1.1
Fail
2.0
Fail
3.4
AA Large
1.2
Fail
1.1
Fail
—
1.7
Fail
3.0
Fail
2.1
Fail
2.0
Fail
1.7
Fail
—
1.7
Fail
3.6
AA Large
3.4
AA Large
3.0
Fail
1.7
Fail
—
White BG
18.7AAA
17.3AAA
15.3AAA
8.7AAA
5.1AA
Black BG
1.1Fail
1.2Fail
1.4Fail
2.4Fail
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

16161B
201F28
25253E
5A5954
858441

Deuteranopia

181A19
222526
26273C
5F6650
909D3E

Tritanopia

211615
2E211F
2A3634
7D4846
CA3837

Achromatopsia

121212
1A1A1A
262626
494949
5A5A5A

Shades & Tints Shades & Tints

#220721

Dark
Light

#300A32

Dark
Light

#2B1D49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #220721;
  --color-2: #300a32;
  --color-3: #2b1d49;
  --color-4: #812762;
  --color-5: #d3204b;
}

SCSS

$color-1: #220721;
$color-2: #300a32;
$color-3: #2b1d49;
$color-4: #812762;
$color-5: #d3204b;

TAILWIND

colors: {
  'brand-1': '#220721',
  'brand-2': '#300a32',
  'brand-3': '#2b1d49',
  'brand-4': '#812762',
  'brand-5': '#d3204b',
}

RGB Array

[34, 7, 33], [48, 10, 50], [43, 29, 73], [129, 39, 98], [211, 32, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #220721, #300A32, #2B1D49, #812762, #D3204B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #220721; --color-2: #300a32; --color-3: #2b1d49; --color-4: #812762; --color-5: #d3204b. 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. 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