← Back to Editor

#591B40 · #94005B · #C5227B · #FE756B · #FFCD8C

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

#591B40

Rose Purple · DarkSlateGray · Raspberry

HEX
#591B40
RGB
rgb(89, 27, 64)
HSL
hsl(324, 53%, 23%)
HSB
hsb(324, 70%, 35%)
CMYK
cmyk(0%, 70%, 28%, 65%)
Oklch
oklch(33.3% 0.101 347.2)

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

#94005B

Rose Purple · Purple · Camellia

HEX
#94005B
RGB
rgb(148, 0, 91)
HSL
hsl(323, 100%, 29%)
HSB
hsb(323, 100%, 58%)
CMYK
cmyk(0%, 100%, 39%, 42%)
Oklch
oklch(43.7% 0.181 352.5)

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

#C5227B

Rose Purple · MediumVioletRed · Camellia

HEX
#C5227B
RGB
rgb(197, 34, 123)
HSL
hsl(327, 71%, 45%)
HSB
hsb(327, 83%, 77%)
CMYK
cmyk(0%, 83%, 38%, 23%)
Oklch
oklch(55.2% 0.208 353.7)

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

#FE756B

Peach Pink · Salmon · Coral Red

HEX
#FE756B
RGB
rgb(254, 117, 107)
HSL
hsl(4, 99%, 71%)
HSB
hsb(4, 58%, 100%)
CMYK
cmyk(0%, 54%, 58%, 0%)
Oklch
oklch(72.3% 0.169 26.3)

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

#FFCD8C

Goose Yellow · Khaki · Peach Orange

HEX
#FFCD8C
RGB
rgb(255, 205, 140)
HSL
hsl(34, 100%, 77%)
HSB
hsb(34, 45%, 100%)
CMYK
cmyk(0%, 20%, 45%, 0%)
Oklch
oklch(87.8% 0.100 73.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

591B40
1C5A34

Analogous

541C5A
591B40
5A1C22

Triadic

591B40
415A1C
1C415A

Split-Comp.

591B40
225A1C
1C5A54

Tetradic

591B40
5A541C
1C5A34
1C225A

Contrast Matrix WCAG 2.1 Contrast

591B40
94005B
C5227B
FE756B
FFCD8C
—
1.5
Fail
2.3
Fail
4.8
AA
8.7
AAA
1.5
Fail
—
1.6
Fail
3.3
AA Large
6.0
AA
2.3
Fail
1.6
Fail
—
2.0
Fail
3.7
AA Large
4.8
AA
3.3
AA Large
2.0
Fail
—
1.8
Fail
8.7
AAA
6.0
AA
3.7
AA Large
1.8
Fail
—
White BG
12.7AAA
8.7AAA
5.4AA
2.6Fail
1.5Fail
Black BG
1.7Fail
2.4Fail
3.9AA Large
8.0AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E37
545345
7E7D65
C3C16D
E9E99C

Deuteranopia

424635
5D6840
889460
CBD56E
ECF0A0

Tritanopia

56302E
8D3430
BD5451
F76F70
FDA8AB

Achromatopsia

323232
373737
5D5D5D
9D9D9D
D5D5D5

Shades & Tints Shades & Tints

#591B40

Dark
Light

#94005B

Dark
Light

#C5227B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #591b40;
  --color-2: #94005b;
  --color-3: #c5227b;
  --color-4: #fe756b;
  --color-5: #ffcd8c;
}

SCSS

$color-1: #591b40;
$color-2: #94005b;
$color-3: #c5227b;
$color-4: #fe756b;
$color-5: #ffcd8c;

TAILWIND

colors: {
  'brand-1': '#591b40',
  'brand-2': '#94005b',
  'brand-3': '#c5227b',
  'brand-4': '#fe756b',
  'brand-5': '#ffcd8c',
}

RGB Array

[89, 27, 64], [148, 0, 91], [197, 34, 123], [254, 117, 107], [255, 205, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #591B40, #94005B, #C5227B, #FE756B, #FFCD8C is ideal for: social media posters, mobile apps, e-commerce promos, 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: #591b40; --color-2: #94005b; --color-3: #c5227b; --color-4: #fe756b; --color-5: #ffcd8c. 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 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