Navy and ice blue radial glow

Monochrome navy, blue and light blue color palette

A deep navy center expands through royal blue, bright cyan-blue, and sky blue into pale icy blue at the outer edge. Radial gradient, 24 colors: #0f172a, #203cb5, #0093ea, #69ccfc, #e1f2fe. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#0f172a
#111c38
#12214b
#152763
#192d7e
#1d349a
#203cb5
#2146cc
#1c52dd
#0861e9
#0073e8
#0084e7
#0093ea
#00a1ee
#00aef5
#2db9f7
#4cc3f9
#69ccfc
#84d4fd
#9ddcff
#b3e3ff
#c6e9ff
#d5eeff
#e1f2fe

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.87% 0.0400 265.78) 0.0%, oklch(23.15% 0.0563 265.92) 4.3%, oklch(26.21% 0.0801 266.35) 8.7%, oklch(29.85% 0.1086 266.87) 13.0%, oklch(33.88% 0.1388 267.29) 17.4%, oklch(38.11% 0.1678 267.40) 21.7%, oklch(42.33% 0.1928 267.01) 26.1%, oklch(46.35% 0.2109 265.93) 30.4%, oklch(50.00% 0.2194 263.92) 34.8%, oklch(53.58% 0.2197 260.58) 39.1%, oklch(57.17% 0.1966 256.19) 43.5%, oklch(60.74% 0.1774 251.16) 47.8%, oklch(64.25% 0.1651 245.96) 52.2%, oklch(67.69% 0.1578 241.02) 56.5%, oklch(71.00% 0.1546 236.80) 60.9%, oklch(74.18% 0.1435 233.71) 65.2%, oklch(77.24% 0.1301 232.10) 69.6%, oklch(80.35% 0.1146 231.63) 73.9%, oklch(83.44% 0.0975 232.00) 78.3%, oklch(86.41% 0.0800 232.96) 82.6%, oklch(89.17% 0.0626 234.22) 87.0%, oklch(91.63% 0.0473 235.53) 91.3%, oklch(93.69% 0.0343 236.64) 95.7%, oklch(95.28% 0.0248 237.25) 100.0%);

In these collections

Hero section gradients