Light blue, teal, green and brown linear gradient

Light blue, teal, green and brown color palette

Linear gradient, 7 colors at 90°: #b8e7fa, #83b7ad, #76b26f, #abc600, #378f44, #404c13, #422213. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#b8e7fa
#83b7ad
#76b26f
#abc600
#378f44
#404c13
#422213

CSS

background: linear-gradient(90deg in oklch, oklch(90.16% 0.0551 225.00) 0.0%, oklch(73.91% 0.0562 181.87) 16.7%, oklch(70.55% 0.1135 141.63) 33.3%, oklch(77.95% 0.1838 119.33) 50.0%, oklch(57.74% 0.1382 146.41) 66.7%, oklch(39.30% 0.0798 120.11) 83.3%, oklch(29.13% 0.0551 44.30) 100.0%);

In these collections

Pinterest 2026 swatches