Analogous light blue, teal and blue linear gradient

Analogous light blue, teal and blue palette with 7 colors. #e6fff9, #57dec8, #1dc4bf, #10759e, #065a85. Edit and export CSS, SVG, PNG or a shader.

7 colors, 5 editable OKLCH keyframes.

#e6fff9
#9ff2de
#57dec8
#1dc4bf
#009cb6
#10759e
#065a85

CSS

background: linear-gradient(90deg in oklch, oklch(98.03% 0.0271 180.73) 0.0%, oklch(90.29% 0.0862 177.45) 16.7%, oklch(82.14% 0.1220 180.08) 33.3%, oklch(74.41% 0.1240 191.27) 50.0%, oklch(63.65% 0.1126 215.31) 66.7%, oklch(52.99% 0.1049 232.80) 83.3%, oklch(44.49% 0.0992 239.88) 100.0%);

In these collections

Summer swatches