Tennis Ball
#dfff4f
Very light chartreuse green for high-alert accents
About Tennis Ball
Tennis Ball reads like a fresh, springy green that's been hit with a bit of sunlight but stays cool-headed. It's lighter than Green Ooze, yet it doesn't feel swampy. And compared to Banana Bandanna, it doesn't have that punchy yellow-forward shove. What you notice first is the neon-clean lightness and the slightly blue-leaning undertone that keeps it from going lemony or paint-smeared.
I use it for badges that need to be seen without screaming: sustainability dashboards, farm-to-table menus, and wellness app status pills. It also works well for game inventory highlights and map callouts where the background is mostly cream and butter tones, because it stays distinct while feeling fresher than the yellower accents. Pair it with warm off-whites and deep charcoal, and keep the text weight up so it doesn't look washed on near-white.
One small quirk: on very cool grays it can start to look a little too crisp, so I usually nudge the surrounding neutrals warmer.
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.
