Light blue, teal, blue and green linear gradient

Light blue, teal, blue and green color palette

Linear gradient, 7 colors at 90°: #d8fff4, #88eed0, #24d3c0, #00afc0, #1f72a6, #009392, #ffca60. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#d8fff4
#88eed0
#24d3c0
#00afc0
#1f72a6
#009392
#ffca60

CSS

background: linear-gradient(90deg in oklch, oklch(96.85% 0.0427 176.48) 0.0%, oklch(87.90% 0.1057 172.57) 16.7%, oklch(78.22% 0.1340 182.79) 33.3%, oklch(68.90% 0.1182 207.13) 50.0%, oklch(52.99% 0.1112 241.42) 66.7%, oklch(60.06% 0.1027 194.02) 83.3%, oklch(86.61% 0.1364 82.44) 100.0%);

In these collections

Summer swatches