Pink, purple, teal and navy linear gradient

Pink, purple, teal and navy color palette

Linear gradient, 7 colors at 90°: #f12c87, #ff7733, #ec5675, #1e57d8, #0dcbcf, #669daa, #171522. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f12c87
#ff7733
#ec5675
#1e57d8
#0dcbcf
#669daa
#171522

CSS

background: linear-gradient(90deg in oklch, oklch(63.78% 0.2356 359.30) 0.0%, oklch(72.12% 0.1831 44.23) 16.7%, oklch(65.98% 0.1854 11.39) 33.3%, oklch(50.39% 0.2067 263.13) 50.0%, oklch(76.57% 0.1290 197.38) 66.7%, oklch(66.33% 0.0610 212.92) 83.3%, oklch(20.47% 0.0262 290.61) 100.0%);

In these collections

Glitchy glam