Navy, moss and crimson coastal rockpool spring

The Navy, moss and crimson coastal rockpool spring brings together blue, teal, green, yellow, and red. Linear gradient, 32 colors at 225°: #113f82, #297774, #5fa559, #91773e, #aa3e2f. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#113f82
#144181
#1a457e
#1e497c
#204f7b
#1d577b
#18627a
#1c6d77
#297774
#348071
#3a8970
#3e926d
#439a68
#4ba062
#55a45d
#5ba55a
#5fa559
#65a456
#6fa050
#7a994a
#839147
#888846
#8c8044
#91773e
#976d38
#9c6235
#a05837
#a2503a
#a44a39
#a64536
#a84132
#aa3e2f

CSS

background: linear-gradient(225deg in oklch, oklch(37.80% 0.1240 258.75) 0.0%, oklch(38.40% 0.1176 257.79) 3.2%, oklch(39.21% 0.1082 256.84) 6.5%, oklch(40.30% 0.0981 254.52) 9.7%, oklch(41.76% 0.0895 249.44) 12.9%, oklch(43.71% 0.0838 239.96) 16.1%, oklch(46.27% 0.0789 225.35) 19.4%, oklch(49.16% 0.0756 208.33) 22.6%, oklch(52.06% 0.0749 191.90) 25.8%, oklch(54.68% 0.0779 179.01) 29.0%, oklch(57.22% 0.0871 169.50) 32.3%, oklch(59.74% 0.1005 161.88) 35.5%, oklch(62.01% 0.1144 155.65) 38.7%, oklch(63.79% 0.1249 150.29) 41.9%, oklch(64.93% 0.1297 146.02) 45.2%, oklch(65.59% 0.1313 143.82) 48.4%, oklch(65.81% 0.1304 142.20) 51.6%, oklch(65.66% 0.1273 139.56) 54.8%, oklch(65.17% 0.1222 134.38) 58.1%, oklch(64.17% 0.1124 127.02) 61.3%, oklch(62.76% 0.0998 118.19) 64.5%, oklch(61.18% 0.0882 108.25) 67.7%, oklch(59.65% 0.0816 97.57) 71.0%, oklch(58.19% 0.0823 85.30) 74.2%, oklch(56.61% 0.0881 70.79) 77.4%, oklch(55.08% 0.0967 56.29) 80.6%, oklch(53.75% 0.1057 44.05) 83.9%, oklch(52.78% 0.1135 36.17) 87.1%, oklch(52.12% 0.1222 32.32) 90.3%, oklch(51.69% 0.1312 31.02) 93.5%, oklch(51.41% 0.1391 30.87) 96.8%, oklch(51.18% 0.1447 30.49) 100.0%);

In these collections

Coastal rockpool spring