Orange, pink, purple and navy linear gradient

Orange, pink, purple and navy color palette

Linear gradient, 7 colors at 90°: #ff8f51, #f9624c, #dc3a62, #b02b72, #7b2376, #471f64, #221945. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#ff8f51
#f9624c
#dc3a62
#b02b72
#7b2376
#471f64
#221945

CSS

background: linear-gradient(90deg in oklch, oklch(75.98% 0.1554 47.81) 0.0%, oklch(68.58% 0.1894 30.51) 16.7%, oklch(60.19% 0.1985 11.41) 33.3%, oklch(51.97% 0.1805 352.86) 50.0%, oklch(42.78% 0.1562 330.24) 66.7%, oklch(33.32% 0.1196 307.77) 83.3%, oklch(25.20% 0.0799 289.46) 100.0%);

In these collections

Sunset gradients