Navy cobalt radial glow

Cool blue, light blue and navy palette with 40 colors. #0057b1, #4ba9e9, #365691, #0c214e, #1b6f7d. Edit and export CSS, SVG, PNG or a shader.

40 colors, 4 editable OKLCH keyframes.

#0057b1
#025cb4
#0762b9
#0f6bbf
#1774c5
#207ecd
#2988d4
#3292db
#3b9be1
#44a3e6
#4ba9e9
#51adeb
#56afeb
#58aee9
#57a8e3
#559fda
#5094ce
#4b86c1
#4476b1
#3d66a1
#365691
#2e4780
#273a71
#212e64
#1b2559
#171e51
#131a4c
#111a4a
#0e1d4b
#0c214e
#092752
#062f57
#03385d
#014164
#004b69
#03546f
#085d74
#106478
#176b7b
#1b6f7d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(46.85% 0.1598 255.96) 0.0%, oklch(48.16% 0.1580 255.16) 2.6%, oklch(50.06% 0.1558 254.02) 5.1%, oklch(52.43% 0.1531 252.60) 7.7%, oklch(55.12% 0.1501 250.99) 10.3%, oklch(58.00% 0.1469 249.26) 12.8%, oklch(60.95% 0.1434 247.49) 15.4%, oklch(63.82% 0.1399 245.78) 17.9%, oklch(66.48% 0.1363 244.20) 20.5%, oklch(68.81% 0.1327 242.83) 23.1%, oklch(70.66% 0.1292 241.76) 25.6%, oklch(71.91% 0.1258 241.06) 28.2%, oklch(72.41% 0.1227 240.83) 30.8%, oklch(72.05% 0.1199 241.14) 33.3%, oklch(70.59% 0.1172 242.26) 35.9%, oklch(68.04% 0.1147 244.27) 38.5%, oklch(64.61% 0.1121 246.97) 41.0%, oklch(60.48% 0.1096 250.20) 43.6%, oklch(55.85% 0.1072 253.76) 46.2%, oklch(50.93% 0.1048 257.46) 48.7%, oklch(45.92% 0.1026 261.12) 51.3%, oklch(41.00% 0.1004 264.55) 53.8%, oklch(36.37% 0.0983 267.57) 56.4%, oklch(32.24% 0.0963 269.99) 59.0%, oklch(28.81% 0.0944 271.62) 61.5%, oklch(26.26% 0.0926 272.29) 64.1%, oklch(24.80% 0.0909 271.79) 66.7%, oklch(24.44% 0.0894 269.97) 69.2%, oklch(24.94% 0.0880 266.92) 71.8%, oklch(26.19% 0.0867 262.86) 74.4%, oklch(28.04% 0.0855 257.98) 76.9%, oklch(30.37% 0.0844 252.50) 79.5%, oklch(33.03% 0.0834 246.61) 82.1%, oklch(35.90% 0.0825 240.54) 84.6%, oklch(38.85% 0.0817 234.47) 87.2%, oklch(41.73% 0.0809 228.62) 89.7%, oklch(44.42% 0.0802 223.20) 92.3%, oklch(46.79% 0.0796 218.41) 94.9%, oklch(48.69% 0.0790 214.46) 97.4%, oklch(50.00% 0.0785 211.55) 100.0%);

In these collections

Blue gradients