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.

Silver Gradients

Platinum Sheen

#e5e5e5, #cfcfcf, #f7f7f7

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

Steel Mist

#d7d7d7, #b0b0b0, #e9e9e9

bg-gradient-to-r from-[#d7d7d7] via-[#b0b0b0] to-[#e9e9e9]

Lunar Glow

#f2f2f2, #d4d4d4, #fafafa

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

Chrome Gleam

#d9d9d9, #bfbfbf, #e6e6e6

bg-gradient-to-r from-[#d9d9d9] via-[#bfbfbf] to-[#e6e6e6]

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]