Nuclear Acid
#ecf474
Lighter, greener chartreuse for clinical UI contrast
About Nuclear Acid
I keep seeing Nuclear Acid as that neon-ish lime spill you'd catch on a lab label or a reflective safety stripe, but softened enough to sit in UI without looking like a highlighter tip. Compared to Dolly's almost-milky near-white, this holds its green longer and reads cleaner at a glance. And unlike Hyper Beam's punchy chartreuse glare, Nuclear Acid feels more contained, with a slightly calmer, acidic edge.
Use it when you need light, alert-adjacent emphasis in dashboards and logistics interfaces that track lots of small state changes, like step progress and filter confirmations. It also works well for green-tinted progress banners in media admin panels, where you want "active" to show up fast without turning the whole layout yellow. I like it on pill highlights, active chips, and selected segments over very pale neutrals.
Quirk: because it's lighter and more saturated than Crash Dummy's "almost-neutral," pair it with a deeper green or a cool gray border so edges don't blur into the background. It's the one I reach for when green needs to feel sharp but not shouty.
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.