Watermelonade

#eb4652

Soft watermelon pink-red for gentle, midtone accents

Save
Share

About Watermelonade

I keep seeing Watermelonade pop up on packaging mockups, like a candy-red drink label you'd expect to grab your attention, then actually read. It's not the more crimson, heavier punch of , and it's not the cleaner, steadier tomato burn of . Instead, Watermelonade feels lighter and more saturated, with a juicy warmth that reads slightly pink-red rather than pure orange-red.

I reach for it when the UI needs "fresh" without tipping into warning territory. It works well in dashboards and finance apps for selected states, lightweight badges, and promo callouts that should feel current, not urgent. You'll also see it perform in consumer retail and creator tools for carousel highlights, progress steps, and video thumbnails where the accent has to stay legible over dark cards.

Quirk to watch: next to very rosy tones it can look a touch more pink-forward, so pair it with charcoal grays or neutral creams to keep the watermelon energy crisp.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.80:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.48:1FailAA Large

On Gray 900 #18181b

Aa
4.67:1AAAAA Large

On Black #000000

Aa
5.53:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Watermelonade

Open the generator with this color pre-loaded.

Start creating