← Back to Editor

#350F57 · #863C70 · #E25889 · #FEADAD · #FCE8DE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#350F57

Royal Purple · MidnightBlue · Dark Purple

HEX
#350F57
RGB
rgb(53, 15, 87)
HSL
hsl(272, 71%, 20%)
HSB
hsb(272, 83%, 34%)
CMYK
cmyk(39%, 83%, 0%, 66%)
Oklch
oklch(27.7% 0.121 303.1)

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

#863C70

Rose Purple · DimGray · Eggplant

HEX
#863C70
RGB
rgb(134, 60, 112)
HSL
hsl(318, 38%, 38%)
HSB
hsb(318, 55%, 53%)
CMYK
cmyk(0%, 55%, 16%, 47%)
Oklch
oklch(47.1% 0.121 340.2)

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

#E25889

Rouge · LightCoral · Rose Pink

HEX
#E25889
RGB
rgb(226, 88, 137)
HSL
hsl(339, 70%, 62%)
HSB
hsb(339, 61%, 89%)
CMYK
cmyk(0%, 61%, 39%, 11%)
Oklch
oklch(65.3% 0.177 1.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FEADAD

Peach Pink · LightPink · Cherry Blossom

HEX
#FEADAD
RGB
rgb(254, 173, 173)
HSL
hsl(0, 98%, 84%)
HSB
hsb(0, 32%, 100%)
CMYK
cmyk(0%, 32%, 32%, 0%)
Oklch
oklch(82.6% 0.096 19.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FCE8DE

Apricot · Linen · Peach Orange

HEX
#FCE8DE
RGB
rgb(252, 232, 222)
HSL
hsl(20, 83%, 93%)
HSB
hsb(20, 12%, 99%)
CMYK
cmyk(0%, 8%, 12%, 1%)
Oklch
oklch(94.4% 0.026 48.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

350F57
31570F

Analogous

110F57
350F57
570F55

Triadic

350F57
57350F
0F5735

Split-Comp.

350F57
55570F
0F5711

Tetradic

350F57
57110F
31570F
0F5557

Contrast Matrix WCAG 2.1 Contrast

350F57
863C70
E25889
FEADAD
FCE8DE
—
2.1
Fail
4.4
AA Large
8.7
AAA
13.1
AAA
2.1
Fail
—
2.1
Fail
4.1
AA Large
6.1
AA
4.4
AA Large
2.1
Fail
—
2.0
Fail
3.0
Fail
8.7
AAA
4.1
AA Large
2.0
Fail
—
1.5
Fail
13.1
AAA
6.1
AA
3.0
Fail
1.5
Fail
—
White BG
15.5AAA
7.3AAA
3.5AA Large
1.8Fail
1.2Fail
Black BG
1.4Fail
2.9Fail
6.0AA
11.8AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

252446
666563
A6A57D
DBDAAD
F3F3E0

Deuteranopia

272A41
6A7060
AEB97A
E0E6AD
F5F6E1

Tritanopia

333835
825957
DB7472
FAADAD
FBE2E3

Achromatopsia

232323
585858
878787
C5C5C5
EDEDED

Shades & Tints Shades & Tints

#350F57

Dark
Light

#863C70

Dark
Light

#E25889

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #350f57;
  --color-2: #863c70;
  --color-3: #e25889;
  --color-4: #feadad;
  --color-5: #fce8de;
}

SCSS

$color-1: #350f57;
$color-2: #863c70;
$color-3: #e25889;
$color-4: #feadad;
$color-5: #fce8de;

TAILWIND

colors: {
  'brand-1': '#350f57',
  'brand-2': '#863c70',
  'brand-3': '#e25889',
  'brand-4': '#feadad',
  'brand-5': '#fce8de',
}

RGB Array

[53, 15, 87], [134, 60, 112], [226, 88, 137], [254, 173, 173], [252, 232, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #350F57, #863C70, #E25889, #FEADAD, #FCE8DE 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: #350f57; --color-2: #863c70; --color-3: #e25889; --color-4: #feadad; --color-5: #fce8de. 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 general-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