Sunset Pop#FF7E5F → #FEB47B
Browse gradients
Explore hand-picked gradients, copy the CSS, or open one in the gradient generator and make it your own.
Ocean Breeze#2193B0 → #6DD5ED
Lavender Dream#A18CD1 → #FBC2EB
Mint Fresh#00B09B → #96C93D
Peach Cream#FFECD2 → #FCB69F
Deep Space#0F2027 → #203A43 → #2C5364
Candy Floss#FF9A9E → #FECFEF
Aurora#00C6FF → #0072FF
Berry Smoothie#8E2DE2 → #4A00E0
Golden Hour#F6D365 → #FDA085
Fresh Lime#A8FF78 → #78FFD6
Rose Water#EE9CA7 → #FFDDE1
Midnight City#232526 → #414345
Tropical#F7971E → #FFD200
Cotton Sky#89F7FE → #66A6FF
Plum#614385 → #516395
Coral Reef#FF6A88 → #FF99AC
Forest#134E5E → #71B280
Neon Night#12C2E9 → #C471ED → #F64F59
Dusk#2B5876 → #4E4376
Citrus#FDFC47 → #24FE41
Cherry#EB3349 → #F45C43
Ice#E0EAFC → #CFDEF3
Indigo Night#17143A → #5546FF
Frequently asked questions
Can I use these gradients commercially?
Yes. A gradient is just a pair of colors and a line of CSS, so use them in personal and commercial projects without credit.
How do I change a gradient?
Press Edit on any card. It opens in the gradient generator with the colors, angle and stops already filled in.