Lime Eclipse CSS Gradient

A lime, sharp, accent 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.

The CSS

background-color: oklch(0.275 0.063 132.856);
background-image: radial-gradient(circle at 70% 20%, oklch(0.874 0.085 128.378) 0%, oklch(0.705 0.155 131.384) 25%, oklch(0.467 0.121 138.274) 60%, oklch(0.425 0.116 144.308) 90%);

The colors

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

#1b2e0a Breakdown
#c5e1a5 Breakdown
#7cb342 Breakdown
#33691e Breakdown
#1b5e20 Breakdown

Tags:lime sharp accent Radial

Related gradients

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.