Violet orange and purple palette

The Violet orange and purple palette brings together orange, red, purple, and magenta. Angular gradient, 32 colors at 90°: #fbb360, #ee4054, #501f8f, #c3329c, #fe773a. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#fbb360
#fcac58
#fda14c
#ff9440
#ff8639
#ff7535
#fd6239
#f85045
#ee4054
#df3166
#c82777
#ad2285
#91218d
#772091
#621f90
#541f8f
#501f8f
#552193
#602399
#71269f
#8529a3
#9b2ca4
#b12ea2
#c3329c
#d13694
#de3c89
#e9457b
#f24f6b
#f85b5c
#fb664e
#fd7043
#fe773a

CSS

background: conic-gradient(from 90deg in oklch, oklch(81.89% 0.1295 68.20) 0.0%, oklch(80.53% 0.1368 64.75) 3.2%, oklch(78.78% 0.1474 60.42) 6.5%, oklch(76.70% 0.1597 55.29) 9.7%, oklch(74.35% 0.1707 49.40) 12.9%, oklch(71.79% 0.1845 42.83) 16.1%, oklch(69.08% 0.1979 35.63) 19.4%, oklch(66.29% 0.2061 27.86) 22.6%, oklch(63.44% 0.2099 19.51) 25.8%, oklch(59.95% 0.2089 8.94) 29.0%, oklch(55.87% 0.2042 356.35) 32.3%, oklch(51.53% 0.1971 342.78) 35.5%, oklch(47.28% 0.1888 329.31) 38.7%, oklch(43.48% 0.1807 316.99) 41.9%, oklch(40.47% 0.1740 306.89) 45.2%, oklch(38.59% 0.1700 300.07) 48.4%, oklch(38.18% 0.1699 297.45) 51.6%, oklch(39.21% 0.1732 298.53) 54.8%, oklch(41.35% 0.1789 302.52) 58.1%, oklch(44.29% 0.1860 308.70) 61.3%, oklch(47.68% 0.1935 316.34) 64.5%, oklch(51.20% 0.2005 324.74) 67.7%, oklch(54.51% 0.2060 333.15) 71.0%, oklch(57.30% 0.2092 340.87) 74.2%, oklch(59.52% 0.2092 348.06) 77.4%, oklch(61.73% 0.2070 356.32) 80.6%, oklch(63.89% 0.2031 5.26) 83.9%, oklch(65.94% 0.1981 14.37) 87.1%, oklch(67.84% 0.1928 23.18) 90.3%, oklch(69.53% 0.1876 31.18) 93.5%, oklch(70.95% 0.1833 37.90) 96.8%, oklch(72.05% 0.1805 42.84) 100.0%);

In these collections

Orange and purple gradients