Candy Bar
#ffb7d5
Softer rose-lilac blush for warm UI highlights
About Candy Bar
Candy Bar sits between Cotton Candy and Bubblegum Heart, but it's actually warmer and more saturated than Cotton Candy without crossing into the bubblegum territory. It's got enough presence to feel intentional, but it won't dominate. That's the sweet spot here, it reads as a real choice, not a compromise or a whisper.
Use it on cards, buttons, and secondary UI in beauty apps, wellness products, and health onboarding flows where you need warmth that doesn't feel clinical but also doesn't scream playfulness. It pairs well with warm neutrals and holds up against cool grays without needing heavy contrast to stay readable. Unlike Cherry Blossom, this one has actual color. Unlike Bubblegum Heart, it won't fight for attention in a crowded interface.
The difference from Cotton Candy matters: test both at actual size before you commit. Candy Bar has more chroma, so it'll read bolder in small elements. It's the one you reach for when Cotton Candy feels too restrained but you're not quite ready for full saturation.
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.