Green Thumb
#779900
Balanced olive-green, muted and readable like BioShock
About Green Thumb
On my monitor, Green Thumb feels like fresh paint applied over dark, damp wood grain. It's not the muddy yellow-brown pull of BioShock, and it doesn't drift into the inkier, gray-green calm of Chorus of Frogs. This shade keeps its green identity, but it's tuned a bit lighter and cleaner, with a yellow-leaning undertone that reads more "grown" than "shadowed."
I use it on heritage platforms and industrial UI where the green needs to look intentional, not earthy. Think plant-floor status panels, asset tracking systems, and editorial data sidebars where you want clear sectioning on photos and paper-like textures. It also holds up for brand badges and navigation highlights in dashboards and finance apps, especially when paired with charcoal text and off-whites.
Compared to Densetsu Green, it's less murky and less publication-ink flat, so it won't feel as restrained. Keep it away from cold, stark whites on smooth surfaces, where the yellow tint can look a little too loud.
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.
