Beautiful Gradient Presets

Browse our curated collection of 50 beautiful CSS gradients. Click any gradient to copy its CSS code, or click the name to see the full detail page.

Purple Haze

linear-gradient(135deg, #667eea, #764ba2)

Pink Lemonade

linear-gradient(135deg, #f093fb, #f5576c)

Ocean Blue

linear-gradient(135deg, #4facfe, #00f2fe)

Fresh Mint

linear-gradient(135deg, #43e97b, #38f9d7)

Sunset Glow

linear-gradient(135deg, #fa709a, #fee140)

Lavender Dream

linear-gradient(135deg, #a18cd1, #fbc2eb)

Peach Sorbet

linear-gradient(135deg, #fccb90, #d57eeb)

Cloud Nine

linear-gradient(135deg, #e0c3fc, #8ec5fc)

Cherry Blossom

linear-gradient(135deg, #f5576c, #ff4694)

Midnight City

linear-gradient(135deg, #0250c5, #d43f8d)

Soft Cloud

linear-gradient(135deg, #accbee, #e7f0fd)

Rose Water

linear-gradient(135deg, #d299c2, #fef9d7)

Arctic Sky

linear-gradient(135deg, #89f7fe, #66a6ff)

Morning Dew

linear-gradient(135deg, #fddb92, #d1fdff)

Baby Blue

linear-gradient(135deg, #a1c4fd, #c2e9fb)

Cosmic Fusion

linear-gradient(135deg, #667eea, #f093fb)

Orchid Bloom

linear-gradient(135deg, #c471f5, #fa71cd)

Cool Breeze

linear-gradient(135deg, #48c6ef, #6f86d6)

Warm Flame

linear-gradient(135deg, #feada6, #f5efef)

Cotton Candy

linear-gradient(135deg, #a8edea, #fed6e3)

Electric Violet

linear-gradient(135deg, #4776e6, #8e54e9)

Mango Tango

linear-gradient(135deg, #f7971e, #ffd200)

Northern Lights

linear-gradient(135deg, #43cea2, #185a9d)

Berry Smoothie

linear-gradient(135deg, #e100ff, #7f00ff)

Coral Reef

linear-gradient(135deg, #ff9a9e, #fecfef)

Deep Space

linear-gradient(135deg, #000428, #004e92)

Spring Warmth

linear-gradient(135deg, #fad0c4, #ffd1ff)

Aqua Marine

linear-gradient(135deg, #1a2980, #26d0ce)

Lush Forest

linear-gradient(135deg, #56ab2f, #a8e063)

Royal Purple

linear-gradient(135deg, #7b4397, #dc2430)

Summer Breeze

linear-gradient(135deg, #ffecd2, #fcb69f)

Stellar Night

linear-gradient(135deg, #141e30, #243b55)

Citrus Burst

linear-gradient(135deg, #f9d423, #ff4e50)

Ice Crystal

linear-gradient(135deg, #dfe6e9, #b2bec3)

Tropical Paradise

linear-gradient(135deg, #11998e, #38ef7d)

Ruby Red

linear-gradient(135deg, #eb3349, #f45c43)

Frozen Lake

linear-gradient(135deg, #74ebd5, #acb6e5)

Neon Night

linear-gradient(135deg, #00dbde, #fc00ff)

Pastel Rainbow

linear-gradient(135deg, #a8c0ff, #3f2b96)

Golden Hour

linear-gradient(135deg, #f2994a, #f2c94c)

Emerald Isle

linear-gradient(135deg, #348f50, #56b4d3)

Dusty Rose

linear-gradient(135deg, #ddd6f3, #faaca8)

Steel Blue

linear-gradient(135deg, #485563, #29323c)

Candy Shop

linear-gradient(135deg, #fc5c7d, #6a82fb)

Sea Breeze

linear-gradient(135deg, #2193b0, #6dd5ed)

Autumn Leaves

linear-gradient(135deg, #e55d87, #5fc3e4)

Blueberry Jam

linear-gradient(135deg, #4568dc, #b06ab3)

Lime Zest

linear-gradient(135deg, #a8e6cf, #dcedc1)

Twilight Zone

linear-gradient(135deg, #654ea3, #eaafc8)

Solar Flare

linear-gradient(135deg, #f12711, #f5af19)

About Our Gradient Collection

This collection features 50 carefully curated CSS gradients covering a wide range of styles from vibrant neons to soft pastels, from warm sunset tones to cool ocean blues. Each gradient is production-ready and can be copied directly into your CSS.