Tailwind Gradients
Cool background gradients with Tailwind CSS classes. Copy Tailwind classes or CSS3 code for use in your projects. Adapted from WebGradients.
Warm Flame
#ff9a9e
→
#fad0c4
Night Fade
#a18cd1
→
#fbc2eb
Spring Warmth
#fad0c4
→
#ffd1ff
Juicy Peach
#ffecd2
→
#fcb69f
Young Passion
Many colors
Lady Lips
#ff9a9e
→
#fecfef
Sunny Morning
#f6d365
→
#fda085
Rainy Ashville
#fbc2eb
→
#a6c1ee
Frozen Dreams
#fdcbf1
→
#e6dee9
Winter Neva
#a1c4fd
→
#c2e9fb
Dusty Grass
#d4fc79
→
#96e6a1
Tempting Azure
#84fab0
→
#8fd3f4
Heavy Rain
#cfd9df
→
#e2ebf0
Amy Crisp
#a6c0fe
→
#f68084
Mean Fruit
#fccb90
→
#d57eeb
Deep Blue
#e0c3fc
→
#8ec5fc
Ripe Malinka
#f093fb
→
#f5576c
Cloudy Knoxville
#fdfbfb
→
#ebedee
Malibu Beach
#4facfe
→
#00f2fe
New Life
#43e97b
→
#38f9d7
True Sunset
#fa709a
→
#fee140
Morpheus Den
#30cfd0
→
#330867
Rare Wind
#a8edea
→
#fed6e3
Near Moon
#5ee7df
→
#b490ca
Wild Apple
#d299c2
→
#fef9d7
Saint Petersburg
#f5f7fa
→
#c3cfe2
Arielle's Smile
Many colors
Plum Plate
#667eea
→
#764ba2
Everlasting Sky
#fdfcfb
→
#e2d1c3
Happy Fisher
#89f7fe
→
#66a6ff
Blessing
#fddb92
→
#d1fdff
Sharpeye Eagle
#9890e3
→
#b1f4cf
Ladoga Bottom
#ebc0fd
→
#d9ded8
Lemon Gate
#96fbc4
→
#f9f586
Itmeo Branding
#2af598
→
#009efd
Zeus Miracle
#cd9cf2
→
#f6f3ff
Old Hat
Many colors
Star Wine
Many colors
Deep Blue
#6a11cb
→
#2575fc
Coup de Grace
Many colors
Happy Acid
#37ecba
→
#72afd3
Awesome Pine
#ebbba7
→
#cfc7f8
New York
#fff1eb
→
#ace0f9
Shy Rainbow
Many colors
Loon Crest
Many colors
Mixed Hopes
#c471f5
→
#fa71cd
Fly High
#48c6ef
→
#6f86d6
Strong Bliss
Many colors
Fresh Milk
#feada6
→
#f5efef
Snow Again
#e6e9f0
→
#eef1f5
February Ink
#accbee
→
#e7f0fd
Kind Steel
#e9defa
→
#fbfcdb
Soft Grass
#c1dfc4
→
#deecdd
Grown Early
#0ba360
→
#3cba92
Sharp Blues
#00c6fb
→
#005bea
Shady Water
#74ebd5
→
#9face6
Dirty Beauty
#6a85b6
→
#bac8e0
Great Whale
#a3bded
→
#6991c7
Teen Notebook
#9795f0
→
#fbc8d4
Polite Rumors
#a7a6cb
→
#8989ba