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.

Orange Gradients

Mango Pulp

#F09819, #EDDE5D

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

Tejas

#e65c00, #F9D423

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

Juicy Orange

#FF8008, #FFC837

bg-gradient-to-r from-[#FF8008] to-[#FFC837]

Amber Sunlight

#ffb347, #ffd88f, #fff5e1

bg-gradient-to-r from-[#ffb347] via-[#ffd88f] to-[#fff5e1]

Honey Peach Glow

#f6d365, #fecd9b, #fda085

bg-gradient-to-r from-[#f6d365] via-[#fecd9b] to-[#fda085]

Amber Frost

#ffb347, #fff5e1

bg-gradient-to-r from-[#ffb347] to-[#fff5e1]

Honey Glow

#f6d365, #fda085

bg-gradient-to-r from-[#f6d365] to-[#fda085]

Radioactive Heat

#F7941E, #72C6EF, #00A651

bg-gradient-to-r from-[#F7941E] via-[#72C6EF] to-[#00A651]

The Sky And The Sea

#F7941E, #004E8F

bg-gradient-to-r from-[#F7941E] to-[#004E8F]

Blue & Orange

#FD8112, #0085CA

bg-gradient-to-r from-[#FD8112] to-[#0085CA]

Sunrise

#FF512F, #F09819

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

Nelson

#f2709c, #ff9472

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

SoundCloud

#fe8c00, #f83600

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

Crazy Orange I

#D38312, #A83279

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

Predawn

#FFA17F, #00223E

bg-gradient-to-r from-[#FFA17F] to-[#00223E]

Pastel Orange at the Sun

#ffb347, #ffcc33

bg-gradient-to-r from-[#ffb347] to-[#ffcc33]

Atlas

#FEAC5E, #C779D0, #4BC0C8

bg-gradient-to-r from-[#FEAC5E] via-[#C779D0] to-[#4BC0C8]

Instagram

#833ab4, #fd1d1d, #fcb045

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

Master Card

#f46b45, #eea849

bg-gradient-to-r from-[#f46b45] to-[#eea849]

Light Orange

#FFB75E, #ED8F03

bg-gradient-to-r from-[#FFB75E] to-[#ED8F03]

Kavita

#fd746c, #ff9068

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

Ganga Dolphins

#4DA0B0, #D39D38

bg-gradient-to-r from-[#4DA0B0] to-[#D39D38]

Sylvia

#ff4b1f, #ff9068

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

Sunset

#0B486B, #F56217

bg-gradient-to-r from-[#0B486B] to-[#F56217]

Grapefruit Sunset

#e96443, #904e95

bg-gradient-to-r from-[#e96443] to-[#904e95]

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]

Sunset Orange

#FF8C00, #FF7F50, #FF6347

bg-gradient-to-r from-[#FF8C00] via-[#FF7F50] to-[#FF6347]

Autumn Leaves

#FF4500, #FF6347, #FFD700

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