Spring Mist CSS Gradient
A green, pastel, soft radial 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.
background-image: radial-gradient(ellipse at 30% 20%, oklch(0.957 0.021 147.636) 0%, oklch(0.829 0.083 145.817) 40%, oklch(0.718 0.142 144.889) 100%);The colors
The colors this gradient blends between. Open any of them for a full breakdown: shades, harmonies, and contrast.
Tags
Related gradients
More gradient tools
Browse the full gallery of CSS gradients, build animated backgrounds, or generate soft multi-color backgrounds with the Mesh Gradient Generator.