Noxious
#89a203
Sharp yellow-green punch for attention bars, not text
About Noxious
Noxious looks like a leaf that's been in the shade too long, but it still keeps that green spine. It's greener than BioShock, less "cooked" into mud, and it doesn't carry the sun-leaning sparkle of Guardian of Gardens or Augustus Asparagus. Instead, it comes off drier and more weighted, with a slightly cooler undertone that makes it feel sharper than its neighbors.
I use it when the UI needs "alive" without turning cheerful: dashboards for environmental monitoring, logistics maps, and industrial control panels where statuses should read clearly at a glance. It also works well for asset status badges and alert-adjacent components that must not look yellow. Compared to Guardian of Gardens, it's less settled and more tense; compared to Augustus Asparagus, it trades brightness for a steadier, denser presence.
Quirk: it can feel heavy next to pale pastels. If you pair it, reach for warm grays, clay creams, or light wood so the green stays readable rather than gloomy.
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.
