Vivid yellow, orange, pink and blue linear gradient

Vivid yellow, orange, pink and blue color palette

Linear gradient, 7 colors at 90°: #f4d547, #f6a415, #e96c31, #d95042, #c53e64, #824aa2, #325a9c. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#f4d547
#f6a415
#e96c31
#d95042
#c53e64
#824aa2
#325a9c

CSS

background: linear-gradient(90deg in oklch, oklch(87.40% 0.1571 96.33) 0.0%, oklch(78.03% 0.1631 72.15) 16.7%, oklch(67.32% 0.1695 43.49) 33.3%, oklch(61.34% 0.1752 28.96) 50.0%, oklch(56.69% 0.1722 7.56) 66.7%, oklch(51.30% 0.1442 311.42) 83.3%, oklch(47.24% 0.1157 259.77) 100.0%);

In these collections

Throwback kid