Olive Grove Color Palette: Hex Codes & CSS

Q: What colors are in the Olive Grove palette?

Muted olive greens, earthy and understated. Hex codes: #3D3B1F, #5C5A2E, #7A7940, #9C9B5E, #C2C18A.

Q: How do I turn the Olive Grove palette into a CSS gradient?

Use background: linear-gradient(to right, #3D3B1F, #5C5A2E, #7A7940, #9C9B5E, #C2C18A);, or open it in the live gradient generator to customize it further.

Olive Grove Color Palette

Muted olive greens, earthy and understated.

Make it a gradient →

Want to adjust the palette colors? Use the Color Palette Generator →

Colors

#3D3B1F

#5C5A2E

#7A7940

#9C9B5E

#C2C18A

Contrast on Light & Dark Backgrounds

Hex	On White	On Black
#3D3B1F	T -	T -
#5C5A2E	T -	T -
#7A7940	T -	T -
#9C9B5E	T -	T -
#C2C18A	T -	T -

Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.

Olive Grove CSS Code

#3D3B1F
#5C5A2E
#7A7940
#9C9B5E
#C2C18A

rgba(61, 59, 31, 1.0)
rgba(92, 90, 46, 1.0)
rgba(122, 121, 64, 1.0)
rgba(156, 155, 94, 1.0)
rgba(194, 193, 138, 1.0)

hsla(56, 33%, 18%, 1.0)
hsla(57, 33%, 27%, 1.0)
hsla(59, 31%, 36%, 1.0)
hsla(59, 25%, 49%, 1.0)
hsla(59, 31%, 65%, 1.0)

oklch(34.67% 0.0441 104.89)
oklch(45.86% 0.0636 106.35)
oklch(56.36% 0.0784 107.78)
oklch(67.59% 0.0821 107.59)
oklch(79.83% 0.0731 107.07)

The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →

Similar Palettes

More Color Palettes

FAQ

What colors are in the Olive Grove palette?