1. Home
  2. ›
  3. Gradients

CSS Gradient Swatches

Oh hey there, thanks for stopping by. You came here looking for inspiration, and you’ve come to the right place! Browse our nicely curated collection of beautiful gradients below.

CSS Gradient Swatches Hero Image

List of gradients

Vital Ocean

Kale Salad

Disco Club

Shady Lane

Retro Wagon

Fresco Crush

Cucumber Water

Sea Salt

Par Four

Ooey Gooey

Bloody Mimosa

Lovely Lilly

Aqua Spray

Mello Yellow

Dusty Cactus

Latest Posts

How to Create a Gradient Background Hero Image

How to create a gradient background

Tutorial

CSS Gradient Blog Article

16 Super Fire CSS Gradient Examples

Article

CSS Gradient Blog Reference

Linear Gradient CSS

Reference

How to Create a Gradient Background in Photoshop Hero Image

How to create a gradient in Photoshop

Tutorial