Teal, navy, gray and light blue linear gradient

Teal, navy, gray and light blue color palette

Linear gradient, 7 colors at 90°: #56b5a8, #308581, #004a4e, #03333b, #3d5c67, #94acbb, #daedfe. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#56b5a8
#308581
#004a4e
#03333b
#3d5c67
#94acbb
#daedfe

CSS

background: linear-gradient(90deg in oklch, oklch(71.26% 0.0923 183.52) 0.0%, oklch(56.52% 0.0804 190.76) 16.7%, oklch(37.15% 0.0632 201.18) 33.3%, oklch(29.53% 0.0496 212.05) 50.0%, oklch(45.45% 0.0407 223.87) 66.7%, oklch(73.14% 0.0344 236.16) 83.3%, oklch(93.70% 0.0303 244.81) 100.0%);

In these collections

Blue and teal swatches