Herbes de Provence

#3a5f49

Herbal, medium-moss green with muted Provence coolness

Save
Share

About Herbes de Provence

On a sprig of dried Provence herbs, the green looks like it has been gently sun-warmed and softened, not leaf-juiced. Herbes de Provence lands mid-depth and slightly muted, with a more earthy, herbal cast than the calmer moss lean of , and less park-bench shadow than . Compared to , it isn't as cultivated or -bright, so the color feels more pantry-real than horticulture-show.

For UI, I use it when I want a nature tone that reads grounded but still feels crisp in layout. Think wellness and CPG ingredient labels, herb-forward packaging systems, and product detail pages for supplements where you want guidance without triggering the "action highlight" intensity gives you. It also works well on editorial section headers for food and gardening magazines, and on content tiles in dashboards tied to retail assortments.

Pair it with warm creams or weathered tan, and keep it away from colder slate-heavy palettes, otherwise it can start to look a touch flat instead of herb-scented.

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
7.21:1AAA

On Gray 100 #f5f5f5

Aa
6.61:1AAAAA Large

On Gray 900 #18181b

Aa
2.46:1Fail

On Black #000000

Aa
2.91:1Fail

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

#3e594c
#3a5b52
#3b593a
#415b36

Create a gradient with Herbes de Provence

Open the generator with this color pre-loaded.

Start creating