← Back to Editor

#4CACAD · #F4F251 · #A1DC40 · #E36DCF · #921FC3

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

#4CACAD

Slate Blue · CadetBlue · Mint Ice

HEX
#4CACAD
RGB
rgb(76, 172, 173)
HSL
hsl(181, 39%, 49%)
HSB
hsb(181, 56%, 68%)
CMYK
cmyk(56%, 1%, 0%, 32%)
Oklch
oklch(68.8% 0.090 196.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#F4F251

Fresh Green · Khaki · Sunflower

HEX
#F4F251
RGB
rgb(244, 242, 81)
HSL
hsl(59, 88%, 64%)
HSB
hsb(59, 67%, 96%)
CMYK
cmyk(0%, 1%, 67%, 4%)
Oklch
oklch(93.5% 0.175 108.7)

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

#A1DC40

Grass Green · GreenYellow · Olive Green

HEX
#A1DC40
RGB
rgb(161, 220, 64)
HSL
hsl(83, 69%, 56%)
HSB
hsb(83, 71%, 86%)
CMYK
cmyk(27%, 0%, 71%, 14%)
Oklch
oklch(82.5% 0.190 128.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#E36DCF

Mauve · Orchid · Lilac Purple

HEX
#E36DCF
RGB
rgb(227, 109, 207)
HSL
hsl(310, 68%, 66%)
HSB
hsb(310, 52%, 89%)
CMYK
cmyk(0%, 52%, 9%, 11%)
Oklch
oklch(70.6% 0.186 334.2)

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

#921FC3

Royal Purple · DarkOrchid · Violet

HEX
#921FC3
RGB
rgb(146, 31, 195)
HSL
hsl(282, 73%, 44%)
HSB
hsb(282, 84%, 76%)
CMYK
cmyk(25%, 84%, 0%, 24%)
Oklch
oklch(51.1% 0.234 312.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4CACAD
AE4E4C

Analogous

4CAE7F
4CACAD
4C7BAE

Triadic

4CACAD
AE4CAC
ACAE4C

Split-Comp.

4CACAD
AE4C7B
AE7F4C

Tetradic

4CACAD
7F4CAE
AE4E4C
7BAE4C

Contrast Matrix WCAG 2.1 Contrast

4CACAD
F4F251
A1DC40
E36DCF
921FC3
—
2.3
Fail
1.6
Fail
1.1
Fail
2.4
Fail
2.3
Fail
—
1.4
Fail
2.4
Fail
5.5
AA
1.6
Fail
1.4
Fail
—
1.7
Fail
4.0
AA Large
1.1
Fail
2.4
Fail
1.7
Fail
—
2.3
Fail
2.4
Fail
5.5
AA
4.0
AA Large
2.3
Fail
—
White BG
2.7Fail
1.2Fail
1.6Fail
2.9Fail
6.5AA
Black BG
7.8AAA
17.7AAA
12.8AAA
7.4AAA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7676AD
F3F378
BBBB66
B0AFB7
605F9B

Deuteranopia

7069AD
F3F381
B7B36F
B7C0B2
676F92

Tritanopia

51ADAD
F4979D
A4848A
DDA5A0
8C7C75

Achromatopsia

8F8F8F
E0E0E0
B9B9B9
9B9B9B
545454

Shades & Tints Shades & Tints

#4CACAD

Dark
Light

#F4F251

Dark
Light

#A1DC40

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4cacad;
  --color-2: #f4f251;
  --color-3: #a1dc40;
  --color-4: #e36dcf;
  --color-5: #921fc3;
}

SCSS

$color-1: #4cacad;
$color-2: #f4f251;
$color-3: #a1dc40;
$color-4: #e36dcf;
$color-5: #921fc3;

TAILWIND

colors: {
  'brand-1': '#4cacad',
  'brand-2': '#f4f251',
  'brand-3': '#a1dc40',
  'brand-4': '#e36dcf',
  'brand-5': '#921fc3',
}

RGB Array

[76, 172, 173], [244, 242, 81], [161, 220, 64], [227, 109, 207], [146, 31, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #4CACAD, #F4F251, #A1DC40, #E36DCF, #921FC3 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: #4cacad; --color-2: #f4f251; --color-3: #a1dc40; --color-4: #e36dcf; --color-5: #921fc3. 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