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
#184eec → #28f920 → #1e477a
#e862f7 → #4b5caa
#897bc8 → #1bfcc8
#ecf702 → #55fafa
#00e6ff → #001a72
#c6057b → #001a72 → #3498db
#ffffff → #340a57
#56aac2 → #92e8b2
#045bf2 → #f3ffaf
#fce2b8 → #44349e
#3adde7 → #3178ad
#3adde7 → #3178ad → #1d6da9
#18233b → #2a3749 → #202e45
#141831 → #1e2845 → #20314b
#2e4166 → #1e2845 → #20314b
#1e2845 → #20314b → #2e4166
#3adde7 → #1d6da9
#98f2ba → #1e2d4a
#004ff9 → #6b1515 → #3498db
#7887d1 → #ade7ff → #504091
#273e5c → #1b1c3c → #1b2843
#273e5c → #1b2843 → #1b1c3c
#001e30 → #2b0152
#51e26c → #7bd7b8
#79e0d4 → #b912f3
#e92efb → #00e5ff
#c122b8 → #161b75
#8ff5f5 → #cd4ddd
#60db4a → #3370e6
#2067ae → #0c8595
#e8d6d4 → #b8b9d7 → #a0a4c9
#3c44aa → #650400
#4973bc → #79aece
#0060af → #00aeef
#c41b5f → #7bb5ce
#a3bed6 → #04041c
#bde2f4 → #2496d4
#81aed3 → #1770aa
#1b541f → #c91a91 → #1c99ed
#1f0548 → #eb70f4
#1d67f2 → #b80ff4
#084ad9 → #e11dff → #3498db
#0b91a6 → #ffffff
#b51033 → #2309a3
#0fcad8 → #8793db
#674bb6 → #002fff
#1787b8 → #dae0e0
#ffebff → #330055
#1d2124 → #7ddcff
#e89daa → #35a5ce
#fe8889 → #86a8e7 → #5ffbf1
#62cff4 → #000bad
#a9f49a → #305893
#b083ef → #4b98f9
#7e9dfc → #2cf744
#96f762 → #1d4693
#8f12a6 → #00cc5f → #3498db
#1364dd → #2187d1
#96bae3 → #041357 → #022d4a
#030035 → #eee0ff
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