Home › Templates › Editorial gradients
Editorial gradients
Editorial gradients on ProGradients
Updated October 2026
Cosmic DriftPlum pooled at the bottom, lifting through dusty blue into mint at the edges, dark enough to sit behind a whole page.
Sunrise BandsOrange at the core, then coral, then blue rings out to white, banded for a landing hero.
Caustics DepthNear-black water with faint pale streaks, for a background that stays behind the type.
Cyber Gold GridGold across the top, purple through the middle, near-black at the bottom, with a fine grid over the whole field.
Regalia BarsMauve on the left easing into pale gold, soft enough that it reads as one wash, for a dark editorial header.
What is a editorial gradient?
Editorial gradients are named ProGradients templates you can open in the browser, copy as CSS, and customize.
Can I use these gradients commercially?
Gradients you create in ProGradients are yours for client and commercial work, subject to the Terms of Service.
How do I add a editorial gradient in CSS?
Open a template on this page, copy the CSS block, and paste that background into a stylesheet or a Tailwind class.
Which export stays free?
CSS, Tailwind, and a marked PNG up to 1920px stay free. 4K, SVG, and batch sizes stay on Pro.
