Blue

Blue Gradients

Gradients that fade from soft sky tones into deep ocean blues. Perfect for website backgrounds, hero sections, and clean, calming UI.

Popular shades of blue
All 86 shades of blue
PowderB0E0E6Sky87CEEBCornflower6495EDSteel4682B4Royal4169E1Cerulean007BA7Navy000080
Create Gradient
#004ff9 → #000000
Midnight Splash 120
#62cff4 → #2c67f2
Blue Sky 93
#fa8bff → #2bd2ff → #2bff88
Dreamscape Delight 77
#d16ba5 → #86a8e7 → #5ffbf1
71
#fab2ff → #1904e5
Purple Dreams 38
#92ffc0 → #002661
43
#12063b → #09555c
Midnight Rain 39
#3cc5d7 → #47d794
31
#00bf8f → #001510
29
#004ff9 → #fff94c
Ukraine 25
#f97794 → #6200ff → #3498db
23
#ffffff → #d4dfed
28
#5efce8 → #736efe
23
#2c3e50 → #58b8c7
21
#4ca1af → #c4e0e5
19
#00c3ff → #ffff1c
16
#3c8ce7 → #00eaff
14
#abffee → #3d00a6 → #000e17
16
#000000 → #00f7ff
16
#ffc6df → #60b9fc
12
#62cff4 → #ff00ff
12
#538ad6 → #86e7d6
11
#abdcff → #0396ff
12
#614385 → #516395
10
#141e30 → #243b55
9
#b58ecc → #5de6de
9
#22f9c4 → #f91894
10
#1dfffb → #cf1bb1
9
#2e4fc6 → #ed4182
10
#d1ac6d → #052857
9
#1d9bb2 → #ffffff
8
#f4baeb → #6bd3db
7
#f26fb9 → #0e2d6b
7
#005ed1 → #000000
6
#051937 → #a8eb12
6
#f0fcab → #60bf8f
6
#f402f1 → #62cff4
6
#1c384a → #b277fb
5
#9d66dd → #02f7ad → #3498db
5
#0038a6 → #c60c30
5
#949db0 → #5690a0 → #82d0ed
5
#0923a5 → #a5f7c0
5
#ff00ae → #0011ff
5
#047caf → #a8e4ea
5
#2674d3 → #e246a6
4
#53db97 → #0695b6
5
#22b3ba → #fffbfb
5
#b8c9e1 → #cfd6d9
4
#291d3b → #9900e0
4
#e0eafa → #d4dfed
Clear Skies 4
#add6ed → #31aad0
5
#2348a6 → #f33a6a
5
#280137 → #000000
4
#0f0b8c → #77dcf5
3
#41f7fa → #b312b0
4
#1d9bb2 → #000000
3
#1d9bb2 → #646464
4
#48bc84 → #d0e496
3
#cc8899 → #1e41f0
3
#62cff4 → #004ff9 → #000000
3
Next Page

Color palettes, gradients, and free tools for designers and artists.

Save palettes, gradients, and more with a free account.

Create an account

Enjoy ColorKit? Buy me a coffee ☕️

Color tools

Resources

© 2026 ColorKit by Andy FeliciottiPrivacyLicensesContact

XYouTubePinterest