Analogous teal, navy and black linear gradient

Analogous teal, navy and black color palette

Linear gradient, 7 colors at 90°: #60d0be, #327c81, #102e36, #06191b, #011717, #001d29, #0f1c53. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#60d0be
#327c81
#102e36
#06191b
#011717
#001d29
#0f1c53

CSS

background: linear-gradient(90deg in oklch, oklch(78.74% 0.1061 181.41) 0.0%, oklch(54.16% 0.0729 201.35) 16.7%, oklch(28.35% 0.0386 218.39) 33.3%, oklch(19.83% 0.0258 204.52) 50.0%, oklch(18.50% 0.0303 195.14) 66.7%, oklch(21.45% 0.0430 230.45) 83.3%, oklch(25.59% 0.1020 268.06) 100.0%);

In these collections

Blue and teal swatches