Violet bright palette

The Violet bright palette brings together purple and magenta. #7b3dff, #9049ff, #b056fc, #d260ec, #f26bc7. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#7b3dff
#7d3eff
#7f3fff
#8140ff
#8442ff
#8744ff
#8a46ff
#8d47ff
#9049ff
#944bff
#984cff
#9b4eff
#9f4ffe
#a351fe
#a853fd
#ac54fd
#b056fc
#b557fb
#ba59fa
#be5af8
#c35cf6
#c85df4
#cd5ef0
#d260ec
#d861e7
#dd63e2
#e264dc
#e666d7
#ea67d2
#ed69ce
#f06aca
#f26bc7

CSS

background: linear-gradient(135deg in oklch, oklch(55.90% 0.2630 289.69) 0.0%, oklch(56.17% 0.2620 290.14) 3.2%, oklch(56.50% 0.2608 290.68) 6.5%, oklch(56.88% 0.2593 291.30) 9.7%, oklch(57.32% 0.2577 292.01) 12.9%, oklch(57.79% 0.2561 292.79) 16.1%, oklch(58.30% 0.2544 293.64) 19.4%, oklch(58.82% 0.2527 294.57) 22.6%, oklch(59.36% 0.2512 295.57) 25.8%, oklch(59.91% 0.2499 296.63) 29.0%, oklch(60.45% 0.2486 297.75) 32.3%, oklch(60.99% 0.2469 298.93) 35.5%, oklch(61.57% 0.2453 300.15) 38.7%, oklch(62.17% 0.2437 301.42) 41.9%, oklch(62.80% 0.2421 302.75) 45.2%, oklch(63.43% 0.2404 304.15) 48.4%, oklch(64.08% 0.2387 305.63) 51.6%, oklch(64.72% 0.2369 307.21) 54.8%, oklch(65.35% 0.2349 308.89) 58.1%, oklch(65.96% 0.2328 310.70) 61.3%, oklch(66.55% 0.2304 312.63) 64.5%, oklch(67.11% 0.2278 314.72) 67.7%, oklch(67.68% 0.2248 317.17) 71.0%, oklch(68.27% 0.2213 319.95) 74.2%, oklch(68.85% 0.2175 322.96) 77.4%, oklch(69.42% 0.2136 326.10) 80.6%, oklch(69.97% 0.2097 329.24) 83.9%, oklch(70.49% 0.2058 332.30) 87.1%, oklch(70.97% 0.2022 335.15) 90.3%, oklch(71.40% 0.1990 337.70) 93.5%, oklch(71.76% 0.1963 339.84) 96.8%, oklch(72.05% 0.1943 341.47) 100.0%);

In these collections

Bright gradients