Ocean Coral Sensor Ring

Navy, blue, purple and orange color palette

A navy radial gradient expands through ocean blue and violet into magenta, coral, and ochre. Radial gradient, 32 colors: #15234a, #195393, #7d5bb2, #c96481, #f0a45d. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#15234a
#162650
#172b57
#18305f
#183769
#173e73
#17457e
#174d89
#195393
#1f599d
#285da5
#3560ac
#4361b2
#5260b5
#615fb7
#6f5db5
#7d5bb2
#8a59ac
#9658a5
#a1589d
#ac5996
#b55b8f
#bf5f88
#c96481
#d26b7a
#db7373
#e17c6c
#e78566
#eb8e62
#ee975f
#ef9f5d
#f0a45d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(26.77% 0.0758 266.48) 0.0%, oklch(28.08% 0.0791 265.60) 3.2%, oklch(29.83% 0.0836 263.96) 6.5%, oklch(31.91% 0.0890 261.84) 9.7%, oklch(34.25% 0.0950 259.51) 12.9%, oklch(36.73% 0.1014 257.26) 16.1%, oklch(39.28% 0.1079 255.36) 19.4%, oklch(41.80% 0.1141 254.09) 22.6%, oklch(44.20% 0.1198 253.74) 25.8%, oklch(46.39% 0.1247 254.58) 29.0%, oklch(48.28% 0.1285 256.89) 32.3%, oklch(49.80% 0.1312 260.91) 35.5%, oklch(51.05% 0.1330 266.57) 38.7%, oklch(52.09% 0.1341 273.60) 41.9%, oklch(52.97% 0.1347 281.72) 45.2%, oklch(53.76% 0.1348 290.65) 48.4%, oklch(54.50% 0.1345 300.14) 51.6%, oklch(55.26% 0.1341 309.90) 54.8%, oklch(56.09% 0.1335 319.66) 58.1%, oklch(57.04% 0.1329 329.15) 61.3%, oklch(58.17% 0.1325 338.10) 64.5%, oklch(59.54% 0.1322 346.32) 67.7%, oklch(61.21% 0.1318 354.74) 71.0%, oklch(63.11% 0.1312 3.52) 74.2%, oklch(65.18% 0.1305 12.46) 77.4%, oklch(67.33% 0.1297 21.36) 80.6%, oklch(69.50% 0.1289 30.02) 83.9%, oklch(71.61% 0.1280 38.26) 87.1%, oklch(73.59% 0.1272 45.86) 90.3%, oklch(75.35% 0.1264 52.63) 93.5%, oklch(76.83% 0.1258 58.37) 96.8%, oklch(77.95% 0.1254 62.88) 100.0%);

In these collections

Remote sensing gradients