Hyperpop Green
#17f9a6
Ultra-bright chartreuse green for hyperpop UI accents
About Hyperpop Green
Hyperpop Green looks like a minty glow when a neon sticker is sitting half under daylight, half under a monitor: bright, but not yellow-lime. Compared to Illicit Green, it's less deep and less "mint-bite." Compared to Flora, it's clearer and more electric, with a stronger pop that still reads as green first. Versus Inchworm, it's fresher and less weightless, more saturated and more forward on the page.
This is the accent I use for places that need energy without turning into a generic success green: health and skincare dashboards (dose toggles, ingredient chips), real-time status tags in consumer and logistics apps, and product panels where you want immediate attention but not an alert feel. It also holds up on brand mockups for apps, screens, and lightweight packaging labels when the rest of the UI is off-white and charcoal.
Pair it with cool grays or near-white backgrounds and give it breathing room. Next to warm yellows it can skew slightly sharper than you expect, so keep the surrounding palette cool-leaning.
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.