Cool blue, teal, green and light blue linear gradient

Cool blue, teal, green and light blue color palette

Linear gradient, 7 colors at 90°: #1f647e, #1e8480, #45a782, #60ca8f, #8ae0a2, #ace7bd, #c8e1d2. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#1f647e
#1e8480
#45a782
#60ca8f
#8ae0a2
#ace7bd
#c8e1d2

CSS

background: linear-gradient(90deg in oklch, oklch(47.24% 0.0785 227.81) 0.0%, oklch(55.83% 0.0886 191.14) 16.7%, oklch(66.10% 0.1089 165.11) 33.3%, oklch(75.98% 0.1309 157.01) 50.0%, oklch(83.57% 0.1212 152.04) 66.7%, oklch(87.68% 0.0837 153.84) 83.3%, oklch(88.58% 0.0331 160.18) 100.0%);

In these collections

Hero section gradients