Forest Path CSS Gradient

A green, dark, nature linear gradient you can drop into any project. Copy the CSS below and use it as a background for hero sections, cards, buttons, or full pages.

The CSS

background-image: linear-gradient(to bottom, oklch(0.395 0.064 220.223) 0%, oklch(0.706 0.099 150.559) 100%);

The colors

The colors this gradient blends between. Open any of them for a full breakdown — shades, harmonies, and contrast.

Tags:greendarknatureLinear

Related gradients

Emerald Spotlight
Emerald Twist
Mint Fresh
Midnight City
Violet Hour
Sea Foam
Charcoal Fade
Plum Velvet

More gradient tools

Browse the full gallery of CSS gradients, build animated backgrounds with the Shader Maker, or generate soft multi-color backgrounds with the Mesh Gradient Generator.