Beautiful CSS Gradients - Tailwind Collection

Beautiful Gradients

A curated collection of stunning gradient backgrounds with poetic names

Click to copy

Sunset

from-orange-500 via-red-500 to-pink-500

Click to copy

Ocean

from-blue-500 via-cyan-500 to-teal-500

Click to copy

Aurora

from-green-400 via-blue-500 to-purple-600

Click to copy

Sunrise

from-yellow-400 via-orange-500 to-red-500

Click to copy

Lavender

from-purple-400 via-pink-400 to-red-400

Click to copy

Forest

from-green-600 via-green-500 to-emerald-400

Click to copy

Cherry

from-pink-500 via-red-500 to-yellow-500

Click to copy

Tropical

from-lime-400 via-green-500 to-emerald-600

Click to copy

Volcano

from-red-900 via-orange-600 to-yellow-400

Click to copy

Glacier

from-slate-200 via-blue-200 to-cyan-300

Click to copy

Nebula

from-purple-600 via-pink-600 to-blue-600

Click to copy

Desert

from-amber-400 via-orange-500 to-red-600

Click to copy

Emerald

from-teal-400 via-emerald-500 to-green-600

Click to copy

Flamingo

from-pink-300 via-rose-400 to-red-500

Click to copy

Sapphire

from-blue-800 via-blue-600 to-sky-400

Click to copy

Autumn

from-yellow-600 via-orange-600 to-red-700

Click to copy

Galaxy

from-violet-900 via-purple-700 to-indigo-600

Click to copy

Spring

from-green-300 via-lime-400 to-yellow-300

Click to copy

Crimson

from-red-600 via-rose-600 to-pink-600

Click to copy

Arctic

from-cyan-200 via-blue-300 to-indigo-400

Click to copy

Mango

from-orange-400 via-yellow-400 to-lime-400