Grape Fizz
#64435f
Cool pink-plum with crisp contrast for UI
About Grape Fizz
Grape Fizz looks like a grape soda tint held just under the surface: softly bright, but not flashy. Compared with Hibernation's dusty, low-saturation hush and Bruise's compressed, post-impact desaturation, this one keeps more life in the midtones. It also avoids Eminence's deeper, burgundy heft, staying noticeably more lilac-pink than plum.
On screen, it reads as a cool-leaning pink with medium-light clarity, so it feels present in UI without turning into a dark accent. I use it for form states and supportive highlights in consumer apps, plus creator and media interfaces where selections, tags, and hover treatments need to feel friendly. In healthcare and wellness product pages, it works as a secondary action tint that won't feel as muted as Hibernation.
Pair it with neutral bases that don't pull it toward lavender, like soft warm greige or cocoa gray. Against very cool grays, it can start to look slightly sweeter than you intended.
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.