Modern Gradients Library 🎨

A curated collection of vibrant, ready-to-use gradients powered by Pumki UI.

Copy the Tailwind, CSS, or SASS classes and bring your UI to life in seconds.

Red Gradients

Brahmos

#780206, #061161

bg-gradient-to-r from-[#780206] to-[#061161]

Superman

#0099F7, #F11712

bg-gradient-to-r from-[#0099F7] to-[#F11712]

Kyoto

#c21500, #ffc500

bg-gradient-to-r from-[#c21500] to-[#ffc500]

DIMIGO

#ec008c, #fc6767

bg-gradient-to-r from-[#ec008c] to-[#fc6767]

YouTube

#e52d27, #b31217

bg-gradient-to-r from-[#e52d27] to-[#b31217]

Playing with Reds

#D31027, #EA384D

bg-gradient-to-r from-[#D31027] to-[#EA384D]

Monjulika

#FF512F, #DD2476

bg-gradient-to-r from-[#FF512F] to-[#DD2476]

Sunrise

#FF512F, #F09819

bg-gradient-to-r from-[#FF512F] to-[#F09819]

Cherry

#EB3349, #F45C43

bg-gradient-to-r from-[#EB3349] to-[#F45C43]

Dracula

#DC2424, #4A569D

bg-gradient-to-r from-[#DC2424] to-[#4A569D]

Bourbon

#EC6F66, #F3A183

bg-gradient-to-r from-[#EC6F66] to-[#F3A183]

Influenza

#C04848, #480048

bg-gradient-to-r from-[#C04848] to-[#480048]

Shrimpy

#e43a15, #e65245

bg-gradient-to-r from-[#e43a15] to-[#e65245]

Miaka

#FC354C, #0ABFBC

bg-gradient-to-r from-[#FC354C] to-[#0ABFBC]

Day Tripper

#f857a6, #ff5858

bg-gradient-to-r from-[#f857a6] to-[#ff5858]

Namn

#a73737, #7a2828

bg-gradient-to-r from-[#a73737] to-[#7a2828]

A Lost Memory

#DE6262, #FFB88C

bg-gradient-to-r from-[#DE6262] to-[#FFB88C]

The Strain

#870000, #190A05

bg-gradient-to-r from-[#870000] to-[#190A05]

Dance To Forget

#FF4E50, #F9D423

bg-gradient-to-r from-[#FF4E50] to-[#F9D423]

Red Mist

#000000, #e74c3c

bg-gradient-to-r from-[#000000] to-[#e74c3c]

Cheer Up Emo Kid

#556270, #FF6B6B

bg-gradient-to-r from-[#556270] to-[#FF6B6B]

SoundCloud

#fe8c00, #f83600

bg-gradient-to-r from-[#fe8c00] to-[#f83600]

Instagram

#833ab4, #fd1d1d, #fcb045

bg-gradient-to-r from-[#833ab4] via-[#fd1d1d] to-[#fcb045]

Flickr

#ff0084, #33001b

bg-gradient-to-r from-[#ff0084] to-[#33001b]

Virgin Bihar

#7b4397, #dc2430

bg-gradient-to-r from-[#7b4397] to-[#dc2430]

Passion

#e53935, #e35d5b

bg-gradient-to-r from-[#e53935] to-[#e35d5b]

Netflix

#8E0E00, #1F1C18

bg-gradient-to-r from-[#8E0E00] to-[#1F1C18]

Back to the Future

#C02425, #F0CB35

bg-gradient-to-r from-[#C02425] to-[#F0CB35]

Christmas

#2F7336, #AA3A38

bg-gradient-to-r from-[#2F7336] to-[#AA3A38]

Kanha

#ff4b1f, #1fddff

bg-gradient-to-r from-[#ff4b1f] to-[#1fddff]

Red Ocean

#1D4350, #A43931

bg-gradient-to-r from-[#1D4350] to-[#A43931]

Sylvia

#ff4b1f, #ff9068

bg-gradient-to-r from-[#ff4b1f] to-[#ff9068]

Politics

#2196f3, #f44336

bg-gradient-to-r from-[#2196f3] to-[#f44336]

Minimal Red

#F00000, #DC281E

bg-gradient-to-r from-[#F00000] to-[#DC281E]

Sunset Vibes

#FF9500, #FF5722, #E91E63

bg-gradient-to-r from-[#FF9500] via-[#FF5722] to-[#E91E63]

Golden Hour

#FFD700, #FFA500, #FF6347

bg-gradient-to-r from-[#FFD700] via-[#FFA500] to-[#FF6347]

Fire Storm

#FF4B1F, #FF9068, #FFAD68

bg-gradient-to-r from-[#FF4B1F] via-[#FF9068] to-[#FFAD68]

Coral Reef

#FF7F7F, #FF6B6B, #FF5722

bg-gradient-to-r from-[#FF7F7F] via-[#FF6B6B] to-[#FF5722]

Autumn Leaves

#FF4500, #FF6347, #FFD700

bg-gradient-to-r from-[#FF4500] via-[#FF6347] to-[#FFD700]