Gradient gallery for CSS color gradients and backgrounds
Browse blue, gold, pink, purple, black, red, and green gradients. Copy CSS, download images, or open Gradient Crafter to edit your own version.
Popular color gradients
Choose a color family, copy a CSS gradient, download an image, or use the palette as a starting point in Gradient Crafter.
Blue Gradient
calm SaaS dashboards, finance products, glassy UI surfaces, and cool gradient backgrounds
Gold Gradient
premium launches, certificates, luxury product cards, awards, and celebration graphics
Red Gradient
launch moments, alerts, energetic banners, gaming surfaces, and high-impact hero sections
Green Gradient
finance dashboards, sustainability pages, success states, health products, and growth visuals
Black Gradient
dark mode UI, luxury product pages, cinematic backgrounds, and high-contrast hero sections
Pink Gradient
creator brands, beauty pages, soft editorial backgrounds, product cards, and expressive UI
Purple Gradient
AI tools, creative software, editorial surfaces, futuristic apps, and expressive web sections
Multicolor Gradient
expressive product surfaces, creative tools, event graphics, AI interfaces, and colorful web backgrounds