Katy Berry
#aa0077
Cool, saturated berry magenta-red for crisp UI highlights
About Katy Berry
I keep seeing Katy Berry pop up on glossy thumbnails like a punchy lipstick mark: more playful than classic red, but not as purple-leaning as the deeper plum reds in the set. Compared with Botticelli, it doesn't go as cool or as lightly translucent. Compared with Fabric of Love, it's more vivid and showy, less intimate and button-soft. And versus King's Plum Pie, it stays red-forward instead of slipping into wine-plum moodiness.
This is my go-to when you need Katy Berry red with a youthful lift for beauty review CTAs, fashion e-comm add-to-bag states, and social tiles that still need to feel brand-positive on dark UI. It reads as decisively red-magenta, with a brighter, higher-energy saturation than Fabric of Love, but with cleaner temperature than Botticelli.
Pair it with cream, light caramel, or charcoal so it can stay the loudest thing on the card. If your layout already runs heavy magenta, pull this slightly forward with lighter neutrals so it doesn't blend into the background.
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.
