Lazy Lizard
#9c9c4b
Lighter, softer olive-gray for subdued UI blocks
About Lazy Lizard
Lazy Lizard is what you see when a greenhouse sign painted for summer gets a little sun and then a little neglect. It stays green, but it's muted and a bit sleepy, not olive-gold like Garden of Earthly Delights and not the cleaner, brighter leaf tone of Formosan Green. Compared to Gremlin, it leans slightly more gray and less earthy, so it feels less like bench-dust and more like worn paper stock.
In UI terms, this is my go-to background for plant-care and horticulture dashboards when I want status chips and taxonomy tags to read without yelling. It also works well for museum and archive systems where navigation and module headers need to look lived-in beside off-whites and warm grays. Compared directly to the lighter neighbors, it lands deeper in both calm and neutrality, so you get the one you reach for when you don't want a yellow edge (unlike the more gold-leaning greens) or a warmer brass cast (unlike the richer earthy options).
Quirk: because the tone is slightly grayed, keep borders or text just a touch darker so it doesn't blend into parchment-like whites.
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.