Dill

#6f7755

Muted sage green with cool balance, UI fallback

Save
Share

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

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
4.72:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.33:1FailAA Large

On Gray 900 #18181b

Aa
3.75:1FailAA Large

On Black #000000

Aa
4.45:1FailAA Large

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

#787b54
#7f7755
#757461

Create a gradient with Dill

Open the generator with this color pre-loaded.

Start creating