Teal and stone coastal rockpool spring palette

The Teal and stone coastal rockpool spring palette brings together blue, teal, and light green. Linear gradient, 32 colors at 180°: #145077, #3482a8, #6fbac9, #a3d4c8, #c3cda8. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#145077
#16547b
#195980
#1c5f86
#21658d
#256d95
#2a749c
#2f7ba2
#3482a8
#3a89ad
#4191b2
#4998b7
#519fbc
#59a7c0
#61adc4
#68b4c7
#6fbac9
#77bfca
#7fc4cb
#87c8cb
#8fcccb
#96d0ca
#9dd2c9
#a3d4c8
#a8d6c5
#add6c1
#b1d5bd
#b5d4b7
#b9d2b2
#bdd0ae
#c0ceaa
#c3cda8

CSS

background: linear-gradient(180deg in oklch, oklch(41.34% 0.0882 242.58) 0.0%, oklch(42.59% 0.0889 241.89) 3.2%, oklch(44.26% 0.0901 241.03) 6.5%, oklch(46.25% 0.0914 240.02) 9.7%, oklch(48.46% 0.0928 238.86) 12.9%, oklch(50.80% 0.0941 237.53) 16.1%, oklch(53.17% 0.0950 236.05) 19.4%, oklch(55.46% 0.0953 234.40) 22.6%, oklch(57.61% 0.0949 232.61) 25.8%, oklch(59.78% 0.0938 230.75) 29.0%, oklch(62.03% 0.0922 228.81) 32.3%, oklch(64.31% 0.0902 226.73) 35.5%, oklch(66.56% 0.0879 224.46) 38.7%, oklch(68.76% 0.0853 221.92) 41.9%, oklch(70.83% 0.0826 219.07) 45.2%, oklch(72.74% 0.0799 215.83) 48.4%, oklch(74.47% 0.0771 212.16) 51.6%, oklch(76.10% 0.0739 208.15) 54.8%, oklch(77.65% 0.0704 203.81) 58.1%, oklch(79.09% 0.0667 199.16) 61.3%, oklch(80.40% 0.0630 194.20) 64.5%, oklch(81.56% 0.0596 188.93) 67.7%, oklch(82.53% 0.0566 183.37) 71.0%, oklch(83.31% 0.0542 177.51) 74.2%, oklch(83.83% 0.0526 171.05) 77.4%, oklch(84.06% 0.0516 163.47) 80.6%, oklch(84.06% 0.0510 155.18) 83.9%, oklch(83.91% 0.0508 146.68) 87.1%, oklch(83.66% 0.0508 138.43) 90.3%, oklch(83.40% 0.0510 130.91) 93.5%, oklch(83.18% 0.0510 124.61) 96.8%, oklch(83.07% 0.0510 119.99) 100.0%);

In these collections

Coastal rockpool spring