Ocean blue coral rings

Navy, blue, lavender and pink palette with 40 colors. #012b49, #2b3853, #3e6b90, #7a8adc, #f17f29. Edit and export CSS, SVG, PNG or a shader.

40 colors, 4 editable OKLCH keyframes.

#012b49
#042c4a
#082d4a
#0e2e4b
#132e4c
#17304c
#1c314d
#20324e
#243450
#283651
#2b3853
#2f3b56
#323e59
#35415d
#384562
#3a4a69
#3c4f70
#3e5677
#3e5c7f
#3e6488
#3e6b90
#3d7299
#3c79a1
#3c80a9
#3d85b2
#418abb
#498dc4
#558ecd
#668dd6
#7a8adc
#9185dd
#a780d9
#bd7ace
#d075bc
#df71a6
#ea708d
#f17173
#f37559
#f27a40
#f17f29

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(27.95% 0.0703 245.39) 0.0%, oklch(28.35% 0.0692 246.44) 2.6%, oklch(28.78% 0.0676 247.90) 5.1%, oklch(29.25% 0.0656 249.69) 7.7%, oklch(29.78% 0.0632 251.72) 10.3%, oklch(30.36% 0.0607 253.90) 12.8%, oklch(31.00% 0.0582 256.16) 15.4%, oklch(31.71% 0.0558 258.39) 17.9%, oklch(32.50% 0.0537 260.51) 20.5%, oklch(33.37% 0.0519 262.45) 23.1%, oklch(34.33% 0.0506 264.10) 25.6%, oklch(35.38% 0.0499 265.39) 28.2%, oklch(36.53% 0.0500 266.23) 30.8%, oklch(37.80% 0.0510 266.53) 33.3%, oklch(39.24% 0.0529 265.77) 35.9%, oklch(40.90% 0.0556 263.72) 38.5%, oklch(42.75% 0.0591 260.68) 41.0%, oklch(44.73% 0.0631 256.97) 43.6%, oklch(46.82% 0.0676 252.91) 46.2%, oklch(48.97% 0.0725 248.81) 48.7%, oklch(51.13% 0.0777 244.98) 51.3%, oklch(53.27% 0.0831 241.74) 53.8%, oklch(55.35% 0.0885 239.41) 56.4%, oklch(57.32% 0.0939 238.29) 59.0%, oklch(59.15% 0.0992 238.71) 61.5%, oklch(60.79% 0.1042 240.97) 64.1%, oklch(62.20% 0.1089 245.39) 66.7%, oklch(63.43% 0.1135 252.53) 69.2%, oklch(64.53% 0.1183 262.39) 71.8%, oklch(65.53% 0.1234 274.50) 74.4%, oklch(66.42% 0.1286 288.37) 76.9%, oklch(67.22% 0.1338 303.51) 79.5%, oklch(67.93% 0.1389 319.44) 82.1%, oklch(68.57% 0.1439 335.68) 84.6%, oklch(69.14% 0.1487 351.74) 87.2%, oklch(69.64% 0.1532 7.13) 89.7%, oklch(70.10% 0.1573 21.37) 92.3%, oklch(70.52% 0.1610 33.98) 94.9%, oklch(70.90% 0.1642 44.47) 97.4%, oklch(71.26% 0.1667 52.36) 100.0%);

In these collections

Remote sensing gradients