Dill
#6f7755
Muted sage green with cool balance, UI fallback
About Dill
I keep landing on Dill when a layout needs green that looks like it was tinted by kitchen light, not browser night. It's a mid, slightly muted olive green with a steady, earthy undertone. Compared to Bonsai, it's less yellow and less clay-warm, so it doesn't feel like intentional pigment on purpose. And unlike Beyond the Pines, it doesn't have that dusk depth and blue-gray weight.
Use Dill for places where you want calm hierarchy without going gray-green: product lists, ingredient and garden content sites, and agricultural or food e-commerce UI. It also shows up well in dashboards and finance-style interfaces as a status or section accent, especially next to neutral panels where you still want a hint of life. I like pairing it with cream type and warm greige surfaces, because it stays readable while still feeling organic.
One quirk: because it's fairly balanced in temperature, Dill can look a touch flat beside very clean chart greens, so give it room with slightly warmer off-whites when you need the color to feel intentional. The one I reach for when the green has to be grounded, not forest-dark.
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.