Analogous light blue, teal and navy linear gradient

Analogous light blue, teal and navy color palette

Linear gradient, 7 colors at 90°: #e3f7f5, #b7e9e5, #6bd9cd, #00bead, #0092a2, #00587e, #00204d. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#e3f7f5
#b7e9e5
#6bd9cd
#00bead
#0092a2
#00587e
#00204d

CSS

background: linear-gradient(90deg in oklch, oklch(96.06% 0.0207 189.84) 0.0%, oklch(89.88% 0.0522 190.31) 16.7%, oklch(81.69% 0.1026 186.48) 33.3%, oklch(72.05% 0.1280 183.50) 50.0%, oklch(60.31% 0.1040 209.03) 66.7%, oklch(43.47% 0.0945 236.69) 83.3%, oklch(25.21% 0.0919 257.64) 100.0%);

In these collections

Ocean swatches