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.

Brown Gradients

Copper

#B79891, #94716B

bg-gradient-to-r from-[#B79891] to-[#94716B]

Cool Brown

#603813, #b29f94

bg-gradient-to-r from-[#603813] to-[#b29f94]

Lemon Twist

#3CA55C, #B5AC49

bg-gradient-to-r from-[#3CA55C] to-[#B5AC49]

Monte Carlo

#CC95C0, #DBD4B4, #7AA1D2

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

Bourbon

#EC6F66, #F3A183

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

Blurry Beach

#d53369, #cbad6d

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

Starfall

#F0C27B, #4B1248

bg-gradient-to-r from-[#F0C27B] to-[#4B1248]

Hersheys

#1e130c, #9a8478

bg-gradient-to-r from-[#1e130c] to-[#9a8478]

Koko Caramel

#D1913C, #FFD194

bg-gradient-to-r from-[#D1913C] to-[#FFD194]

Pale Wood

#eacda3, #d6ae7b

bg-gradient-to-r from-[#eacda3] to-[#d6ae7b]

Forest

#5A3F37, #2C7744

bg-gradient-to-r from-[#5A3F37] to-[#2C7744]

Mint Chocolate

#98FB98, #3CB371, #2E8B57

bg-gradient-to-r from-[#98FB98] via-[#3CB371] to-[#2E8B57]