Violet orange and purple palette

Vivid purple, pink and orange color palette

The Violet orange and purple palette brings together purple, magenta, red, and orange. Linear gradient, 32 colors at 135°: #5b31c3, #992abb, #d53fa0, #fa556f, #ff8a50. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#5b31c3
#6030c3
#662fc3
#6e2ec3
#772cc3
#7f2bc1
#882ac0
#9129bd
#992abb
#a12bb9
#a92eb6
#b030b3
#b834b1
#c037ad
#c73aaa
#ce3da5
#d53fa0
#dc419b
#e24494
#e8468d
#ed4986
#f24c7e
#f65076
#fa556f
#fd5a68
#ff6262
#ff6b5d
#ff7359
#ff7b56
#ff8153
#ff8652
#ff8a50

CSS

background: linear-gradient(135deg in oklch, oklch(46.06% 0.2094 288.28) 0.0%, oklch(46.51% 0.2105 290.48) 3.2%, oklch(47.09% 0.2121 293.42) 6.5%, oklch(47.77% 0.2139 296.92) 9.7%, oklch(48.55% 0.2159 300.80) 12.9%, oklch(49.40% 0.2177 304.89) 16.1%, oklch(50.31% 0.2193 309.01) 19.4%, oklch(51.25% 0.2202 312.98) 22.6%, oklch(52.21% 0.2204 316.64) 25.8%, oklch(53.27% 0.2199 320.13) 29.0%, oklch(54.43% 0.2188 323.58) 32.3%, oklch(55.64% 0.2173 327.01) 35.5%, oklch(56.89% 0.2156 330.47) 38.7%, oklch(58.14% 0.2137 333.98) 41.9%, oklch(59.35% 0.2118 337.58) 45.2%, oklch(60.49% 0.2102 341.31) 48.4%, oklch(61.54% 0.2088 345.20) 51.6%, oklch(62.52% 0.2076 349.29) 54.8%, oklch(63.46% 0.2066 353.52) 58.1%, oklch(64.36% 0.2055 357.85) 61.3%, oklch(65.24% 0.2045 2.21) 64.5%, oklch(66.11% 0.2033 6.55) 67.7%, oklch(66.99% 0.2019 10.83) 71.0%, oklch(67.88% 0.2003 14.98) 74.2%, oklch(68.83% 0.1982 19.11) 77.4%, oklch(69.85% 0.1922 23.47) 80.6%, oklch(70.91% 0.1834 27.93) 83.9%, oklch(71.97% 0.1759 32.30) 87.1%, oklch(72.97% 0.1698 36.42) 90.3%, oklch(73.87% 0.1650 40.13) 93.5%, oklch(74.63% 0.1616 43.24) 96.8%, oklch(75.20% 0.1593 45.58) 100.0%);

In these collections

Orange and purple gradients