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.

White Gradients

Solar Dawn

#ffd86f, #fff3b0, #fffbe0

bg-gradient-to-r from-[#ffd86f] via-[#fff3b0] to-[#fffbe0]

Solar Silk

#ffd86f, #fffbe0

bg-gradient-to-r from-[#ffd86f] to-[#fffbe0]

Rose Mist

#fbc2eb, #ffffff

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

Ocean Breeze

#a1c4fd, #ffffff

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

Lemon Frost

#fdfb9f, #ffffff

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

Mint Whisper

#c2e9fb, #ffffff

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

Peach Glow

#ffd1ba, #ffffff

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

Sky

#076585, #fff

bg-gradient-to-r from-[#076585] to-[#fff]

Clouds

#ECE9E6, #FFFFFF

bg-gradient-to-r from-[#ECE9E6] to-[#FFFFFF]

Metallic Toad

#abbaab, #ffffff

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

Platinum Sheen

#e5e5e5, #cfcfcf, #f7f7f7

bg-gradient-to-r from-[#e5e5e5] via-[#cfcfcf] to-[#f7f7f7]

Lunar Glow

#f2f2f2, #d4d4d4, #fafafa

bg-gradient-to-r from-[#f2f2f2] via-[#d4d4d4] to-[#fafafa]

Frosted Platinum

#ececec, #d0d0d0, #f5f5f5

bg-gradient-to-r from-[#ececec] via-[#d0d0d0] to-[#f5f5f5]

Mercury Veil

#f1f1f1, #c4c4c4, #eaeaea

bg-gradient-to-r from-[#f1f1f1] via-[#c4c4c4] to-[#eaeaea]

Titanium Mist

#dcdcdc, #a6a6a6, #e3e3e3

bg-gradient-to-r from-[#dcdcdc] via-[#a6a6a6] to-[#e3e3e3]

Palladium Glow

#ededed, #b8b8b8, #f8f8f8

bg-gradient-to-r from-[#ededed] via-[#b8b8b8] to-[#f8f8f8]