ProGradients

Home › Templates › Soft gradients

Soft gradients

Soft gradients on ProGradients

Updated October 2026

Soft Blush
Soft BlushBlush and peach running into a cool blue, soft enough to sit behind slides or a landing section.

What is a soft gradient?

Soft 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 soft 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.