← Back to Editor

#E0CEC4 · #81F7F1 · #D664C7 · #F60BCC · #802F76

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 PostIllustrationData Visualization

Color Details Color Details

#E0CEC4

Apricot · LightGray · Peach Orange

HEX
#E0CEC4
RGB
rgb(224, 206, 196)
HSL
hsl(21, 31%, 82%)
HSB
hsb(21, 12%, 88%)
CMYK
cmyk(0%, 8%, 12%, 12%)
Oklch
oklch(86.3% 0.024 51.1)

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

#81F7F1

Jade · SkyBlue · Lake Green

HEX
#81F7F1
RGB
rgb(129, 247, 241)
HSL
hsl(177, 88%, 74%)
HSB
hsb(177, 48%, 97%)
CMYK
cmyk(48%, 0%, 2%, 3%)
Oklch
oklch(90.6% 0.108 191.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#D664C7

Mauve · Orchid · Lilac Purple

HEX
#D664C7
RGB
rgb(214, 100, 199)
HSL
hsl(308, 58%, 62%)
HSB
hsb(308, 53%, 84%)
CMYK
cmyk(0%, 53%, 7%, 16%)
Oklch
oklch(67.4% 0.185 332.7)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#F60BCC

Rose Purple · Magenta · Violet

HEX
#F60BCC
RGB
rgb(246, 11, 204)
HSL
hsl(311, 93%, 50%)
HSB
hsb(311, 96%, 96%)
CMYK
cmyk(0%, 96%, 17%, 4%)
Oklch
oklch(66.2% 0.286 338.5)

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

#802F76

Rose Purple · Purple · Eggplant

HEX
#802F76
RGB
rgb(128, 47, 118)
HSL
hsl(307, 46%, 34%)
HSB
hsb(307, 63%, 50%)
CMYK
cmyk(0%, 63%, 8%, 50%)
Oklch
oklch(44.8% 0.142 332.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0CEC4
C3D5DF

Analogous

DFC3C7
E0CEC4
DFDBC3

Triadic

E0CEC4
C3DFCD
CDC3DF

Split-Comp.

E0CEC4
C3DFDB
C3C7DF

Tetradic

E0CEC4
C7DFC3
C3D5DF
DBC3DF

Contrast Matrix WCAG 2.1 Contrast

E0CEC4
81F7F1
D664C7
F60BCC
802F76
—
1.2
Fail
2.1
Fail
2.4
Fail
5.3
AA
1.2
Fail
—
2.5
Fail
2.8
Fail
6.4
AA
2.1
Fail
2.5
Fail
—
1.1
Fail
2.5
Fail
2.4
Fail
2.8
Fail
1.1
Fail
—
2.3
Fail
5.3
AA
6.4
AA
2.5
Fail
2.3
Fail
—
White BG
1.5Fail
1.3Fail
3.2AA Large
3.6AA Large
8.1AAA
Black BG
13.8AAA
16.5AAA
6.5AA
5.8AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8C6
B4B5F2
A5A4AF
908E9D
5D5C65

Deuteranopia

D9DBC7
ADA4F3
ABB4A9
9EB092
626861

Tritanopia

DFC8C9
87F4F4
D09C98
EA7870
7C5754

Achromatopsia

D2D2D2
D3D3D3
919191
676767
4F4F4F

Shades & Tints Shades & Tints

#E0CEC4

Dark
Light

#81F7F1

Dark
Light

#D664C7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0cec4;
  --color-2: #81f7f1;
  --color-3: #d664c7;
  --color-4: #f60bcc;
  --color-5: #802f76;
}

SCSS

$color-1: #e0cec4;
$color-2: #81f7f1;
$color-3: #d664c7;
$color-4: #f60bcc;
$color-5: #802f76;

TAILWIND

colors: {
  'brand-1': '#e0cec4',
  'brand-2': '#81f7f1',
  'brand-3': '#d664c7',
  'brand-4': '#f60bcc',
  'brand-5': '#802f76',
}

RGB Array

[224, 206, 196], [129, 247, 241], [214, 100, 199], [246, 11, 204], [128, 47, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E0CEC4, #81F7F1, #D664C7, #F60BCC, #802F76 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: #e0cec4; --color-2: #81f7f1; --color-3: #d664c7; --color-4: #f60bcc; --color-5: #802f76. 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