Cool blue, teal, green and light blue linear gradient

Cool blue, teal, green and light blue color palette

Linear gradient, 5 colors at 225°: #1f647e, #36967f, #60ca8f, #9be6af, #c8e1d2. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#1f647e
#36967f
#60ca8f
#9be6af
#c8e1d2

CSS

background: linear-gradient(225deg in oklch, oklch(47.24% 0.0785 227.81) 0.0%, oklch(61.02% 0.0965 173.92) 25.0%, oklch(75.98% 0.1309 157.01) 50.0%, oklch(86.22% 0.1075 151.73) 75.0%, oklch(88.58% 0.0331 160.18) 100.0%);

In these collections

Hero section gradients