Magic
Gradient
Tools
Animated Gradient
Tailwind CSS Gradient
SVG Wave Generator
SVG Fill Gradient
Explore
Login
Explore calm gradients
Discover a stunning collection of thousands of trendy calm gradients to elevate your next design or project!
Popular calm gradients
Community favorite calm gradients.
Light Blue Dream
Color codes used in light blue dream gradient: #A0D3E8, #65B2D8, #0095C8
Light Blue Dream gradient is liked by 3 people.
Add light blue dream gradient to your favorites.
3
Royal Blue
Color codes used in royal blue gradient: #4169E1, #6A5ACD, #8A2BE2
Royal Blue gradient is liked by 1 people.
Add royal blue gradient to your favorites.
1
Deep Ocean Breeze
Color codes used in deep ocean breeze gradient: #1d3462, #185b9a, #105098
Deep Ocean Breeze gradient is liked by 1 people.
Add deep ocean breeze gradient to your favorites.
1
Blue Indigo
Color codes used in blue indigo gradient: #4B0082, #0000FF, #1E90FF
Blue Indigo gradient is liked by 1 people.
Add blue indigo gradient to your favorites.
1
Night Sky Breeze
Color codes used in night sky breeze gradient: #000638, #1e3b71, #4b91e2
Night Sky Breeze gradient is liked by 1 people.
Add night sky breeze gradient to your favorites.
1
Blue Night Sky
Color codes used in blue night sky gradient: #1C3F94, #4B6FB4, #A0C6E0
Blue Night Sky gradient is liked by 1 people.
Add blue night sky gradient to your favorites.
1
Green Gray
Color codes used in green gray gradient: #6B8E23, #A9A9A9, #D3D3D3
Green Gray gradient is liked by 1 people.
Add green gray gradient to your favorites.
1
Gray Blue
Color codes used in gray blue gradient: #4B6EAF, #A7B8D6, #D9E0E8
Gray Blue gradient is liked by 1 people.
Add gray blue gradient to your favorites.
1
Eco Green
Color codes used in eco green gradient: #4CAF50, #81C784, #A5D6A7
Eco Green gradient is liked by 1 people.
Add eco green gradient to your favorites.
1
French Gray Serenity
Color codes used in french gray serenity gradient: #bfbfbf, #a8a8a8, #8a8a8a
French Gray Serenity gradient is liked by 0 people.
Add french gray serenity gradient to your favorites.
0
Midnight
Color codes used in midnight gradient: #1a1a4c, #2d2d8f, #5d5dbb
Midnight gradient is liked by 0 people.
Add midnight gradient to your favorites.
0
Dove Gray Serenity
Color codes used in dove gray serenity gradient: #d1d1d1, #a8a8a8, #7d7d7d
Dove Gray Serenity gradient is liked by 0 people.
Add dove gray serenity gradient to your favorites.
0
Soft Gray Dawn
Color codes used in soft gray dawn gradient: #d1d1d1, #a8a8a8, #808080
Soft Gray Dawn gradient is liked by 0 people.
Add soft gray dawn gradient to your favorites.
0
Midnight Ocean
Color codes used in midnight ocean gradient: #000080, #1f8fff, #89cfeb
Midnight Ocean gradient is liked by 0 people.
Add midnight ocean gradient to your favorites.
0
Midnight Waves
Color codes used in midnight waves gradient: #0d1c2b, #1b3a4b, #4b6e8b
Midnight Waves gradient is liked by 0 people.
Add midnight waves gradient to your favorites.
0
Whisper Breeze
Color codes used in whisper breeze gradient: #a7dadc, #447a9c, #1d3658
Whisper Breeze gradient is liked by 0 people.
Add whisper breeze gradient to your favorites.
0
Cello Serenade
Color codes used in cello serenade gradient: #4b6eaf, #88a1c3, #d5dee6
Cello Serenade gradient is liked by 0 people.
Add cello serenade gradient to your favorites.
0
Cornflower Serenity
Color codes used in cornflower serenity gradient: #6494ed, #7dc8e3, #a7c7e7
Cornflower Serenity gradient is liked by 0 people.
Add cornflower serenity gradient to your favorites.
0
Latest calm gradients
Winter Serenity
Color codes used in winter serenity gradient: #a8d0e6, #f5f5db, #9dac91
Winter Serenity gradient is liked by 0 people.
Add winter serenity gradient to your favorites.
0
Bay of Many
Color codes used in bay of many gradient: #0078bd, #00bfff, #66ccff
Bay of Many gradient is liked by 0 people.
Add bay of many gradient to your favorites.
0
Dove Gray Serenity
Color codes used in dove gray serenity gradient: #d1d1d1, #b0b0b0, #8f8f8f
Dove Gray Serenity gradient is liked by 0 people.
Add dove gray serenity gradient to your favorites.
0
Pure Serenity
Color codes used in pure serenity gradient: #ffffff, #d1eaff, #9ecfff
Pure Serenity gradient is liked by 0 people.
Add pure serenity gradient to your favorites.
0
Fern Green Serenity
Color codes used in fern green serenity gradient: #6d8e3e, #a9ba78, #cfe6a3
Fern Green Serenity gradient is liked by 0 people.
Add fern green serenity gradient to your favorites.
0
Sauge Serenity
Color codes used in sauge serenity gradient: #a8c686, #7bb04f, #59792a
Sauge Serenity gradient is liked by 0 people.
Add sauge serenity gradient to your favorites.
0
Teal Serenity
Color codes used in teal serenity gradient: #007f80, #00b2b3, #66cccc
Teal Serenity gradient is liked by 0 people.
Add teal serenity gradient to your favorites.
0
Ethereal Earth
Color codes used in ethereal earth gradient: #000000, #244c4c, #66cccc
Ethereal Earth gradient is liked by 0 people.
Add ethereal earth gradient to your favorites.
0
Dark Earthy Ethereal
Color codes used in dark earthy ethereal gradient: #4b3b2a, #7d6b5e, #a79e90
Dark Earthy Ethereal gradient is liked by 0 people.
Add dark earthy ethereal gradient to your favorites.
0
Eucalyptus Breeze
Color codes used in eucalyptus breeze gradient: #a9d6bb, #6bae8a, #4a7858
Eucalyptus Breeze gradient is liked by 0 people.
Add eucalyptus breeze gradient to your favorites.
0
Lochmara Serenity
Color codes used in lochmara serenity gradient: #5faee3, #57d68c, #f4cf3e
Lochmara Serenity gradient is liked by 0 people.
Add lochmara serenity gradient to your favorites.
0
Sky Breeze
Color codes used in sky breeze gradient: #339cff, #66ccff, #99ccff
Sky Breeze gradient is liked by 0 people.
Add sky breeze gradient to your favorites.
0
Midnight Sky
Color codes used in midnight sky gradient: #1551b2, #1d71d7, #50a3f7
Midnight Sky gradient is liked by 0 people.
Add midnight sky gradient to your favorites.
0
Calme Serenity
Color codes used in calme serenity gradient: #a6ede9, #fed7e3, #f6d465
Calme Serenity gradient is liked by 0 people.
Add calme serenity gradient to your favorites.
0
Web App Neutral
Color codes used in web app neutral gradient: #9ca3b0, #d1d5db, #6b7280
Web App Neutral gradient is liked by 0 people.
Add web app neutral gradient to your favorites.
0
Midnight Serenity
Color codes used in midnight serenity gradient: #050a14, #1a2b3d, #3f506e
Midnight Serenity gradient is liked by 0 people.
Add midnight serenity gradient to your favorites.
0
Nature's Twilight
Color codes used in nature's twilight gradient: #006600, #3366ff, #8a2ce2
Nature's Twilight gradient is liked by 0 people.
Add nature's twilight gradient to your favorites.
0
Tundora Breeze
Color codes used in tundora breeze gradient: #49616e, #8ea8b4, #d0dadd
Tundora Breeze gradient is liked by 0 people.
Add tundora breeze gradient to your favorites.
0
Soft Sky Dream
Color codes used in soft sky dream gradient: #f0f8ff, #cceeff, #99ddff
Soft Sky Dream gradient is liked by 0 people.
Add soft sky dream gradient to your favorites.
0
Serene Sky
Color codes used in serene sky gradient: #8acff0, #006a94, #4b91e2
Serene Sky gradient is liked by 0 people.
Add serene sky gradient to your favorites.
0
Ocean Breeze
Color codes used in ocean breeze gradient: #0d2740, #3b6f91, #a7c7e7
Ocean Breeze gradient is liked by 0 people.
Add ocean breeze gradient to your favorites.
0
Midnight Sky
Color codes used in midnight sky gradient: #0d1c2b, #1b273b, #415a76
Midnight Sky gradient is liked by 0 people.
Add midnight sky gradient to your favorites.
0
Blue Chill
Color codes used in blue chill gradient: #9ec3ff, #8ab1e0, #5d7ca2
Blue Chill gradient is liked by 0 people.
Add blue chill gradient to your favorites.
0
Calm Clinic
Color codes used in calm clinic gradient: #a7dadc, #447a9c, #1d3658
Calm Clinic gradient is liked by 0 people.
Add calm clinic gradient to your favorites.
0
See page 2 of calm gradients
Next →