Analogous teal, navy and gray linear gradient

Linear gradient, 7 colors at 90°: #0a554f, #002339, #0b1c3b, #084162, #011a35, #314058, #adbcd0. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#0a554f
#002339
#0b1c3b
#084162
#011a35
#314058
#adbcd0

CSS

background: linear-gradient(90deg in oklch, oklch(40.55% 0.0675 186.33) 0.0%, oklch(24.38% 0.0575 241.66) 16.7%, oklch(23.17% 0.0643 261.16) 33.3%, oklch(35.83% 0.0785 241.28) 50.0%, oklch(21.60% 0.0623 252.63) 66.7%, oklch(37.02% 0.0447 258.50) 83.3%, oklch(79.13% 0.0331 255.02) 100.0%);

In these collections

Cool blue