← Back to Editor

#E621A7 · #FF859D · #C1CEB0 · #FFCEA7 · #FFFCE3

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

#E621A7

Rose Purple · DeepPink · Violet

HEX
#E621A7
RGB
rgb(230, 33, 167)
HSL
hsl(319, 80%, 52%)
HSB
hsb(319, 86%, 90%)
CMYK
cmyk(0%, 86%, 27%, 10%)
Oklch
oklch(62.5% 0.250 345.8)

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

#FF859D

Peach Pink · LightCoral · Coral Red

HEX
#FF859D
RGB
rgb(255, 133, 157)
HSL
hsl(348, 100%, 76%)
HSB
hsb(348, 48%, 100%)
CMYK
cmyk(0%, 48%, 38%, 0%)
Oklch
oklch(75.9% 0.149 8.8)

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

#C1CEB0

Willow Green · Silver · Apple Green

HEX
#C1CEB0
RGB
rgb(193, 206, 176)
HSL
hsl(86, 23%, 75%)
HSB
hsb(86, 15%, 81%)
CMYK
cmyk(6%, 0%, 15%, 19%)
Oklch
oklch(83.3% 0.043 126.4)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#FFCEA7

Apricot · Wheat · Peach Orange

HEX
#FFCEA7
RGB
rgb(255, 206, 167)
HSL
hsl(27, 100%, 83%)
HSB
hsb(27, 35%, 100%)
CMYK
cmyk(0%, 19%, 35%, 0%)
Oklch
oklch(88.5% 0.076 60.1)

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

#FFFCE3

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFCE3
RGB
rgb(255, 252, 227)
HSL
hsl(54, 100%, 95%)
HSB
hsb(54, 11%, 100%)
CMYK
cmyk(0%, 1%, 11%, 0%)
Oklch
oklch(98.7% 0.033 101.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E621A7
23E761

Analogous

C323E7
E621A7
E72347

Triadic

E621A7
A9E723
23A9E7

Split-Comp.

E621A7
47E723
23E7C3

Tetradic

E621A7
E7C323
23E761
2347E7

Contrast Matrix WCAG 2.1 Contrast

E621A7
FF859D
C1CEB0
FFCEA7
FFFCE3
—
1.8
Fail
2.5
Fail
2.8
Fail
3.9
AA Large
1.8
Fail
—
1.4
Fail
1.6
Fail
2.2
Fail
2.5
Fail
1.4
Fail
—
1.2
Fail
1.6
Fail
2.8
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
3.9
AA Large
2.2
Fail
1.6
Fail
1.4
Fail
—
White BG
4.1AA Large
2.3Fail
1.7Fail
1.4Fail
1.0Fail
Black BG
5.1AA
9.1AAA
12.7AAA
14.6AAA
20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

918F87
CAC997
C7C7B7
EAE9B0
FEFEE9

Deuteranopia

9CAB7F
D1DA96
C6C5B9
EDF0B3
FEFEEA

Tritanopia

DC6D67
F99392
C2BDBE
FDB8BA
FFEEEF

Achromatopsia

6B6B6B
ACACAC
C7C7C7
D8D8D8
FAFAFA

Shades & Tints Shades & Tints

#E621A7

Dark
Light

#FF859D

Dark
Light

#C1CEB0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e621a7;
  --color-2: #ff859d;
  --color-3: #c1ceb0;
  --color-4: #ffcea7;
  --color-5: #fffce3;
}

SCSS

$color-1: #e621a7;
$color-2: #ff859d;
$color-3: #c1ceb0;
$color-4: #ffcea7;
$color-5: #fffce3;

TAILWIND

colors: {
  'brand-1': '#e621a7',
  'brand-2': '#ff859d',
  'brand-3': '#c1ceb0',
  'brand-4': '#ffcea7',
  'brand-5': '#fffce3',
}

RGB Array

[230, 33, 167], [255, 133, 157], [193, 206, 176], [255, 206, 167], [255, 252, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E621A7, #FF859D, #C1CEB0, #FFCEA7, #FFFCE3 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #e621a7; --color-2: #ff859d; --color-3: #c1ceb0; --color-4: #ffcea7; --color-5: #fffce3. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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