Phosphor Green
#00aa00
High-saturation neon-lime green for sharp highlights
About Phosphor Green
I keep seeing Phosphor Green on prototypes that need to feel "on" fast. It's that neon-leaning chart green with a tighter, brighter hit than Botanical Garden, but it doesn't go full citrus warmth like Always Greener Grass. Compared with Hedged Garden, it's lighter and cleaner, so it reads more like a signal light than planted signage.
In practice, I use it for high-priority status chips, KPI callouts, and verification ticks where the UI has to stay readable and decisive on white or light grays. You'll notice it in IoT monitoring panels, fintech risk flags, logistics tracking screens, and growth dashboards where green needs to feel live, not leafy. It also holds up on dark UIs without turning muddy, unlike the deeper greens nearby.
Pair it carefully: on overly warm backgrounds it can start to feel a little too "tech indicator." If you need it more grounded, soften with near-neutral grays instead of creams.
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.
