Teal and powder blue coastal palette

Analogous teal to light blue color palette

The Teal and powder blue coastal palette brings together green, teal, and light blue. Linear gradient, 32 colors at 45°: #1a6552, #1bada6, #5cc3d9, #90c5e3, #c0d9f2. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#1a6552
#1a6a58
#1a715f
#1b7a69
#1a8473
#1a8e7f
#19998c
#19a499
#1bada6
#1fb5b1
#25bcbc
#2dc0c4
#36c3ca
#40c4d0
#49c4d4
#53c4d7
#5cc3d9
#64c1da
#6cc0db
#73c0dc
#7bc0dd
#81c1df
#89c2e1
#90c5e3
#98c7e5
#9fcae8
#a6cdea
#add0ec
#b3d2ee
#b8d5f0
#bdd7f1
#c0d9f2

CSS

background: linear-gradient(45deg in oklch, oklch(45.67% 0.0785 172.27) 0.0%, oklch(47.32% 0.0811 173.56) 3.2%, oklch(49.56% 0.0847 175.16) 6.5%, oklch(52.24% 0.0892 177.03) 9.7%, oklch(55.24% 0.0942 179.14) 12.9%, oklch(58.42% 0.0994 181.44) 16.1%, oklch(61.64% 0.1044 183.91) 19.4%, oklch(64.78% 0.1090 186.49) 22.6%, oklch(67.68% 0.1129 189.16) 25.8%, oklch(70.23% 0.1156 191.88) 29.0%, oklch(72.28% 0.1170 194.61) 32.3%, oklch(73.76% 0.1168 197.38) 35.5%, oklch(74.81% 0.1152 200.39) 38.7%, oklch(75.52% 0.1125 203.58) 41.9%, oklch(75.96% 0.1090 206.91) 45.2%, oklch(76.21% 0.1047 210.31) 48.4%, oklch(76.33% 0.1000 213.74) 51.6%, oklch(76.42% 0.0951 217.12) 54.8%, oklch(76.53% 0.0901 220.41) 58.1%, oklch(76.75% 0.0854 223.55) 61.3%, oklch(77.15% 0.0811 226.47) 64.5%, oklch(77.80% 0.0774 229.14) 67.7%, oklch(78.65% 0.0736 231.72) 71.0%, oklch(79.63% 0.0698 234.25) 74.2%, oklch(80.70% 0.0659 236.70) 77.4%, oklch(81.83% 0.0620 239.04) 80.6%, oklch(82.96% 0.0583 241.25) 83.9%, oklch(84.07% 0.0547 243.30) 87.1%, oklch(85.11% 0.0515 245.17) 90.3%, oklch(86.04% 0.0485 246.82) 93.5%, oklch(86.82% 0.0461 248.25) 96.8%, oklch(87.40% 0.0441 249.41) 100.0%);

In these collections

Coastal gradients