← Back to Editor

#005391 · #4B5087 · #964D7D · #C84A73 · #FF456C

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

#005391

Lake Blue · Teal · Prussian Blue

HEX
#005391
RGB
rgb(0, 83, 145)
HSL
hsl(206, 100%, 28%)
HSB
hsb(206, 100%, 57%)
CMYK
cmyk(100%, 43%, 0%, 43%)
Oklch
oklch(43.5% 0.123 249.8)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#4B5087

Indigo · DarkSlateBlue · Navy Blue

HEX
#4B5087
RGB
rgb(75, 80, 135)
HSL
hsl(235, 29%, 41%)
HSB
hsb(235, 44%, 53%)
CMYK
cmyk(44%, 41%, 0%, 47%)
Oklch
oklch(45.3% 0.090 278.2)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#964D7D

Rose Purple · Gray · Camellia

HEX
#964D7D
RGB
rgb(150, 77, 125)
HSL
hsl(321, 32%, 45%)
HSB
hsb(321, 49%, 59%)
CMYK
cmyk(0%, 49%, 17%, 41%)
Oklch
oklch(52.5% 0.115 341.8)

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

#C84A73

Dark Violet · MediumVioletRed · Rose Pink

HEX
#C84A73
RGB
rgb(200, 74, 115)
HSL
hsl(340, 53%, 54%)
HSB
hsb(340, 63%, 78%)
CMYK
cmyk(0%, 63%, 43%, 22%)
Oklch
oklch(59.0% 0.164 3.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FF456C

Peach Pink · Tomato · Coral Red

HEX
#FF456C
RGB
rgb(255, 69, 108)
HSL
hsl(347, 100%, 64%)
HSB
hsb(347, 73%, 100%)
CMYK
cmyk(0%, 73%, 58%, 0%)
Oklch
oklch(67.1% 0.221 13.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

005391
8F3E00

Analogous

008F85
005391
000A8F

Triadic

005391
8F0051
518F00

Split-Comp.

005391
8F000A
8F8500

Tetradic

005391
85008F
8F3E00
0A8F00

Contrast Matrix WCAG 2.1 Contrast

005391
4B5087
964D7D
C84A73
FF456C
—
1.1
Fail
1.4
Fail
1.8
Fail
2.4
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
1.8
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.4
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
White BG
7.9AAA
7.5AAA
5.7AA
4.5AA Large
3.3AA Large
Black BG
2.6Fail
2.8Fail
3.7AA Large
4.7AA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242582
4D4D7A
767671
919069
AEAD63

Deuteranopia

1F197E
4D4D77
7B806F
99A267
B9C760

Tritanopia

047674
4B6F6D
926866
C26160
F65B59

Achromatopsia

414141
555555
686868
747474
818181

Shades & Tints Shades & Tints

#005391

Dark
Light

#4B5087

Dark
Light

#964D7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #005391;
  --color-2: #4b5087;
  --color-3: #964d7d;
  --color-4: #c84a73;
  --color-5: #ff456c;
}

SCSS

$color-1: #005391;
$color-2: #4b5087;
$color-3: #964d7d;
$color-4: #c84a73;
$color-5: #ff456c;

TAILWIND

colors: {
  'brand-1': '#005391',
  'brand-2': '#4b5087',
  'brand-3': '#964d7d',
  'brand-4': '#c84a73',
  'brand-5': '#ff456c',
}

RGB Array

[0, 83, 145], [75, 80, 135], [150, 77, 125], [200, 74, 115], [255, 69, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #005391, #4B5087, #964D7D, #C84A73, #FF456C 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: #005391; --color-2: #4b5087; --color-3: #964d7d; --color-4: #c84a73; --color-5: #ff456c. 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 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