Lollipop
#d91e3f
Lighter, cooler orange-red highlight than nearby alerts
About Lollipop
Lollipop is the red-orange you notice first on candy packaging, but dialed back so it doesn't feel candy-bright. It lands lighter and more playful than Angry Tomato, yet it's not as cool-leaning or razor-sharp as Cosmic Red. Compared to Incubation Red, it keeps more lift and sparkle, with a gentler, fruit-warmed undertone instead of that muted, already-used-in mode.
I use it when the UI needs urgency that still feels friendly: retail promo banners, food delivery and streaming app CTAs, and commerce-style notification chips. It's also a good choice for editorial highlights where you want attention without turning the header into a warning panel. In motion-heavy layouts it stays readable, because the intensity doesn't flare like the more saturated reds in this family.
Pair it with creams, soft oranges, and charcoal for contrast that feels current. If you put it next to Incubation Red, it'll read more energetic and less "in-progress," so choose the one that matches the moment.
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.
