Watermelon Gelato
#c0686e
Light coral-rose tint for airy warm accents
About Watermelon Gelato
On my monitor, Watermelon Gelato reads like a pale scoop of pink-orange ice cream with a cool, milky cast. It feels lighter than Stormy Passion and Fuzzy Wuzzy, not as blushy and dusty as Her Velour, and it keeps its sweetness without drifting toward true red.
Use it when you want an orange accent that looks appetizing but stays restrained. I've used it for product cards and onboarding steps in food, beauty, and CPG apps where the UI needs to feel friendly first, polished second. It also works well for health and wellness badges and subscription checkout highlights on cream, off-white, and soft blush backgrounds, because the shade pops more gently than the warmer options in the family.
Quick note: compared to the other oranges here, it can lean pink under strong warm lighting. If your screenshots look a little rosy, pair it with a cleaner, more orange-forward tone for icons and borders so the family stays unmistakably orange.
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.
Similar colors
Create a gradient with Watermelon Gelato
Open the generator with this color pre-loaded.
Start creating