Toybox Sunset Fade

Vivid yellow, orange, pink and blue palette with 32 colors. #f4d547, #f0821f, #d84e43, #ae3f83, #325a9c. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#f4d547
#f5ce3f
#f6c635
#f7bc2a
#f7b11f
#f6a616
#f59913
#f38e18
#f0821f
#ed7828
#ea6f2f
#e66835
#e36139
#e05c3c
#dd573e
#db5240
#d84e43
#d54947
#d2454d
#ce4254
#c93f5d
#c23d68
#b93d75
#ae3f83
#a04291
#90469c
#7f4ba3
#6d4fa7
#5c53a7
#4c56a4
#3d59a0
#325a9c

CSS

background: linear-gradient(90deg in oklch, oklch(87.40% 0.1571 96.33) 0.0%, oklch(86.21% 0.1578 93.23) 3.2%, oklch(84.64% 0.1589 89.17) 6.5%, oklch(82.76% 0.1601 84.35) 9.7%, oklch(80.66% 0.1614 78.94) 12.9%, oklch(78.41% 0.1629 73.15) 16.1%, oklch(76.10% 0.1643 67.15) 19.4%, oklch(73.81% 0.1658 61.15) 22.6%, oklch(71.61% 0.1671 55.32) 25.8%, oklch(69.60% 0.1683 49.86) 29.0%, oklch(67.84% 0.1692 44.97) 32.3%, oklch(66.37% 0.1701 40.84) 35.5%, oklch(65.06% 0.1711 37.52) 38.7%, oklch(63.88% 0.1723 34.79) 41.9%, oklch(62.81% 0.1736 32.41) 45.2%, oklch(61.81% 0.1747 30.13) 48.4%, oklch(60.88% 0.1756 27.72) 51.6%, oklch(59.99% 0.1760 24.93) 54.8%, oklch(59.12% 0.1760 21.52) 58.1%, oklch(58.24% 0.1753 17.25) 61.3%, oklch(57.33% 0.1738 11.87) 64.5%, oklch(56.37% 0.1713 5.12) 67.7%, oklch(55.35% 0.1674 356.39) 71.0%, oklch(54.29% 0.1624 345.96) 74.2%, oklch(53.22% 0.1564 334.31) 77.4%, oklch(52.16% 0.1499 321.94) 80.6%, oklch(51.14% 0.1430 309.32) 83.9%, oklch(50.16% 0.1362 296.96) 87.1%, oklch(49.26% 0.1298 285.33) 90.3%, oklch(48.46% 0.1240 274.94) 93.5%, oklch(47.78% 0.1192 266.25) 96.8%, oklch(47.24% 0.1157 259.77) 100.0%);

In these collections

Throwback kid