Fennelly

#9a9e80

Fresher gray-green for crisp, modern UI blocks

Save
Share

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 . Compared to 's lighter green drift, this one reads slightly heavier and more grounded. It's also less grayed and less restrained than , 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 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.

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.77:1Fail

On Gray 100 #f5f5f5

Aa
2.54:1Fail

On Gray 900 #18181b

Aa
6.39:1AAAAA Large

On Black #000000

Aa
7.58: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 Fennelly

Open the generator with this color pre-loaded.

Start creating