Piglet
#ffc0c6
Milky warm blush-pink for cozy, red-leaning accents
About Piglet
Piglet is the pink that shows up as a soft thumbprint of red on a pale screen. It's light and friendly, with a creamy finish, but it doesn't feel as airy as Pink and it's noticeably less "committed" than Cotton Candy Comet. Compared to Love Affair, it reads a touch brighter and less settled, more like a gentle blush than a quieter, deeper rose.
I reach for it when you need warmer than pure white backgrounds that still look clean, especially for skincare product screens and loyalty or profile UI where the goal is comfort, not drama. It's a good fit for confirmation states, reassurance banners, and small badges on retail and subscription flows, where you want warmth that stays readable next to imagery. If you're building onboarding cards, it helps soften the moment without turning playful too loud.
Pair it with warm beiges or neutral whites; cool greys can start to look slightly pink, and that's where Piglet can feel a little too sugary beside already-pale tints.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
