Indigo blue and cyan angular burst

Seamless cool navy and blue color palette

Midnight indigo opens into saturated violet-blue and vivid cyan before returning through smoky blue to its dark starting color. Angular gradient, 24 colors at 0°: #15152a, #3f27a8, #009cdb, #319cbd, #15152a. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#15152a
#191836
#1e1b48
#261e5e
#2f2076
#38238f
#3f27a8
#4330be
#403dd0
#3353df
#016dea
#0088dd
#009cdb
#00acdb
#00b6da
#00b8d7
#24afcd
#319cbd
#3683a6
#35668b
#2f4b6e
#263351
#1d213a
#15152a

CSS

background: conic-gradient(from 0deg in oklch, oklch(20.87% 0.0413 281.95) 0.0%, oklch(22.87% 0.0574 281.94) 4.3%, oklch(25.54% 0.0809 282.36) 8.7%, oklch(28.72% 0.1090 282.88) 13.0%, oklch(32.25% 0.1387 283.16) 17.4%, oklch(35.98% 0.1672 282.86) 21.7%, oklch(39.74% 0.1915 281.64) 26.1%, oklch(43.38% 0.2088 279.18) 30.4%, oklch(46.84% 0.2163 275.00) 34.8%, oklch(51.08% 0.2149 267.74) 39.1%, oklch(55.96% 0.2069 258.02) 43.5%, oklch(60.99% 0.1607 247.09) 47.8%, oklch(65.63% 0.1415 236.15) 52.2%, oklch(69.36% 0.1332 226.43) 56.5%, oklch(71.68% 0.1298 219.16) 60.9%, oklch(72.05% 0.1277 215.56) 65.2%, oklch(69.84% 0.1176 216.76) 69.6%, oklch(64.78% 0.1052 222.57) 73.9%, oklch(57.66% 0.0924 231.70) 78.3%, oklch(49.33% 0.0798 242.87) 82.6%, oklch(40.64% 0.0679 254.77) 87.0%, oklch(32.43% 0.0571 266.11) 91.3%, oklch(25.55% 0.0481 275.61) 95.7%, oklch(20.87% 0.0413 281.95) 100.0%);

In these collections

Hero section gradients