Lazy Lizard

#9c9c4b

Lighter, softer olive-gray for subdued UI blocks

Save
Share

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 . Compared to , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.89:1Fail

On Gray 100 #f5f5f5

Aa
2.65:1Fail

On Gray 900 #18181b

Aa
6.13:1AAAAA Large

On Black #000000

Aa
7.27:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Lazy Lizard

Open the generator with this color pre-loaded.

Start creating