Princess Peach
#f878f8
Soft candy pink with peachy warmth for highlights
About Princess Peach
Princess Peach reads like a soft candy-coated blush on a bright screen, not a heat flare. Compared to Avant-Garde Pink's weight and bite and Atomic Pink's cooler, lighter lift, this one sits in between: lighter and gentler than both, with a sweeter undertone that feels warmer than playful magenta but still clearly "peach-pink," not bubblegum.
I use it when the UI needs friendliness without losing legibility on bright layouts, like onboarding screens for consumer apps, beauty commerce product cards, and social stories where you want joy but not confrontation. It's also great for badges, progress accents, and highlight bars in shopping and lifestyle platforms, especially when the surrounding palette is mostly white and soft neutrals. The key is set it against clean whites and soft grays so it stays peachy, not washed out. It's the one you reach for when you want a pink that feels approachable at a glance, not loud by default.
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.