CoolHue — 120 Cool Color Gradients

120 beautiful cool-toned gradients. Copy CSS or download as PNG.

Open the gradient generator →

Browse the collection below, click any gradient to copy its CSS, and open the generator to build your own linear, radial, conic, mesh, or animated gradient.