Fennelly
#9a9e80
Fresher gray-green for crisp, modern UI blocks
About Fennelly
Fennelly looks like a pressed leaf that's been sitting in dim light: muted, a touch dusty, and noticeably more olive-leaning than the cleaner, cooler feel of Bonsai Garden. Compared to Edamame's lighter green drift, this one reads slightly heavier and more grounded. It's also less grayed and less restrained than Artichoke, so it doesn't fade back into that sage structure. The difference you'll feel at a glance is the undertone: Fennelly runs warmer than Artichoke while staying softer than the more beige-adjacent neighbors.
I use it when the UI needs a calm surface without turning neutral-leaning. It works well for product analytics shells, logistics and inventory dashboards, and admin consoles where tables and status chips need a background that won't steal attention. It's the one you reach for when you want dashboards and finance apps to feel planted, not flat, and you still need the shade to hold up beside cream and warm grays. Pair it with crisp near-whites and deep espresso accents, or it can start to look murky against very cool palettes.
If you're testing themes that shift with lighting, keep an eye on saturation. Fennelly stays readable, but it gets moodier next to bright, high-chroma greens, so reserve those for tiny highlights only.
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.