Jigglypuff

#ffaaff

Hot pink blush for punchy accents and playful UI

Save
Share

About Jigglypuff

On a light mockup, Jigglypuff reads like a soft blush that kept its composure. It's pink-forward, but it doesn't feel as lifted or glow-y as . It also avoids the gentler, slightly muted comfort of , and it's not as assertive as . This one sits lighter in the midtone range, with a milky, friendly undertone that makes it feel cozy instead of pushy.

the one you reach for when you want playful without sounding loud. I've used it for avatar accents in chat and social apps, gift and reward screens, and onboarding illustrations where the brand voice needs to feel kind right away. It also works well on product cards in beauty and casual ecommerce, especially when you want a clear highlight but don't want the callout to steal focus. Pair it with charcoal or deep neutrals and it separates cleanly, but keep thin type off the top; it can blur into lighter weights like a powder tint.

If you're choosing between it and its neighbors, remember: it's softer and milkier than , and less lively than .

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.69:1Fail

On Gray 100 #f5f5f5

Aa
1.55:1Fail

On Gray 900 #18181b

Aa
10.50:1AAA

On Black #000000

Aa
12.45:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Jigglypuff

Open the generator with this color pre-loaded.

Start creating