Aurora Green CSS Gradient
A green, cyan, glow 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.2 0.04 258.291);
background-image: radial-gradient(ellipse at 50% 0%, oklch(0.81 0.214 151.769) 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, oklch(0.729 0.126 210.817) 0%, transparent 50%);The colors
The colors this gradient blends between. Open any of them for a full breakdown — shades, harmonies, and contrast.
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.