Analogous navy, teal and light blue linear gradient

Analogous navy, teal and light blue color palette

Linear gradient, 4 colors at 225°: #072f39, #296864, #68ae9f, #bef4e6. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#072f39
#296864
#68ae9f
#bef4e6

CSS

background: linear-gradient(225deg in oklch, oklch(28.35% 0.0455 217.97) 0.0%, oklch(47.64% 0.0648 189.44) 33.3%, oklch(70.08% 0.0744 178.87) 66.7%, oklch(92.52% 0.0579 177.81) 100.0%);

In these collections

Teal gradients