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.

Pink Gradients

Rose Mist

#fbc2eb, #ffffff

bg-gradient-to-r from-[#fbc2eb] to-[#ffffff]

Purple

#c84e89, #F15F79

bg-gradient-to-r from-[#c84e89] to-[#F15F79]

Anamnisar

#9796f0, #fbc7d4

bg-gradient-to-r from-[#9796f0] to-[#fbc7d4]

DIMIGO

#ec008c, #fc6767

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

Purple Love

#cc2b5e, #753a88

bg-gradient-to-r from-[#cc2b5e] to-[#753a88]

Hazel

#77A1D3, #79CBCA, #E684AE

bg-gradient-to-r from-[#77A1D3] via-[#79CBCA] to-[#E684AE]

Noon to Dusk

#ff6e7f, #bfe9ff

bg-gradient-to-r from-[#ff6e7f] to-[#bfe9ff]

Playing with Reds

#D31027, #EA384D

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

Monte Carlo

#CC95C0, #DBD4B4, #7AA1D2

bg-gradient-to-r from-[#CC95C0] via-[#DBD4B4] to-[#7AA1D2]

Rose Water

#E55D87, #5FC3E4

bg-gradient-to-r from-[#E55D87] to-[#5FC3E4]

Monjulika

#FF512F, #DD2476

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

Purple Paradise

#1D2B64, #F8CDDA

bg-gradient-to-r from-[#1D2B64] to-[#F8CDDA]

Pinky

#DD5E89, #F7BB97

bg-gradient-to-r from-[#DD5E89] to-[#F7BB97]

Peach

#ED4264, #FFEDBC

bg-gradient-to-r from-[#ED4264] to-[#FFEDBC]

Moonrise

#DAE2F8, #D6A4A4

bg-gradient-to-r from-[#DAE2F8] to-[#D6A4A4]

Day Tripper

#f857a6, #ff5858

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

Blurry Beach

#d53369, #cbad6d

bg-gradient-to-r from-[#d53369] to-[#cbad6d]

Nelson

#f2709c, #ff9472

bg-gradient-to-r from-[#f2709c] to-[#ff9472]

Candy

#D3959B, #BFE6BA

bg-gradient-to-r from-[#D3959B] to-[#BFE6BA]

Virgin

#C9FFBF, #FFAFBD

bg-gradient-to-r from-[#C9FFBF] to-[#FFAFBD]

Cherryblossoms

#FBD3E9, #BB377D

bg-gradient-to-r from-[#FBD3E9] to-[#BB377D]

Crazy Orange I

#D38312, #A83279

bg-gradient-to-r from-[#D38312] to-[#A83279]

Flickr

#ff0084, #33001b

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

Piglet

#ee9ca7, #ffdde1

bg-gradient-to-r from-[#ee9ca7] to-[#ffdde1]

Poncho

#403A3E, #BE5869

bg-gradient-to-r from-[#403A3E] to-[#BE5869]

Blush

#B24592, #F15F79

bg-gradient-to-r from-[#B24592] to-[#F15F79]

Kavita

#fd746c, #ff9068

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

Pizelex

#114357, #F29492

bg-gradient-to-r from-[#114357] to-[#F29492]

Suzy

#834d9b, #d04ed6

bg-gradient-to-r from-[#834d9b] to-[#d04ed6]

Purple White

#BA5370, #F4E2D8

bg-gradient-to-r from-[#BA5370] to-[#F4E2D8]

Kanha Bright

#f7ff00, #db36a4

bg-gradient-to-r from-[#f7ff00] to-[#db36a4]

Gwalior

#a80077, #66ff00

bg-gradient-to-r from-[#a80077] to-[#66ff00]

Tranquil

#EECDA3, #EF629F

bg-gradient-to-r from-[#EECDA3] to-[#EF629F]

Transfile

#16BFFD, #CB3066

bg-gradient-to-r from-[#16BFFD] to-[#CB3066]

Sweet Morning

#FF5F6D, #FFC371

bg-gradient-to-r from-[#FF5F6D] to-[#FFC371]

Dusk

#2C3E50, #FD746C

bg-gradient-to-r from-[#2C3E50] to-[#FD746C]

Mauve

#42275a, #734b6d

bg-gradient-to-r from-[#42275a] to-[#734b6d]

Neon Cyberpunk

#FF006E, #8338EC, #3A86FF

bg-gradient-to-r from-[#FF006E] via-[#8338EC] to-[#3A86FF]

Sunset Vibes

#FF9500, #FF5722, #E91E63

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

Purple Haze

#667eea, #764ba2, #f093fb

bg-gradient-to-r from-[#667eea] via-[#764ba2] to-[#f093fb]

Velvet Dreams

#8E2DE2, #4A00E0, #FF006E

bg-gradient-to-r from-[#8E2DE2] via-[#4A00E0] to-[#FF006E]

Rose Gold

#ED4264, #FFEDBC, #FFD700

bg-gradient-to-r from-[#ED4264] via-[#FFEDBC] to-[#FFD700]

Cherry Blossom

#FFB6C1, #FFC0CB, #FF69B4

bg-gradient-to-r from-[#FFB6C1] via-[#FFC0CB] to-[#FF69B4]

Neon Nights

#FF1493, #00FFFF, #ADFF2F

bg-gradient-to-r from-[#FF1493] via-[#00FFFF] to-[#ADFF2F]