Skip to content
Grabient palettes

Vivid purple, magenta and yellow linear gradient

Vivid purple, magenta and yellow color palette

Linear gradient, 7 colors at 90°: #5f0a4d, #8a0761, #c10e6c, #e33b5d, #f76741, #fea000, #f2cf0d. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #5f0a4d
  • #8a0761
  • #c10e6c
  • #e33b5d
  • #f76741
  • #fea000
  • #f2cf0d

CSS

background: linear-gradient(90deg in oklch, oklch(33.46% 0.1350 338.91) 0.0%, oklch(42.32% 0.1746 346.04) 16.7%, oklch(53.15% 0.2108 357.93) 33.3%, oklch(61.20% 0.2031 14.37) 50.0%, oklch(68.90% 0.1846 35.97) 66.7%, oklch(78.35% 0.1714 68.45) 83.3%, oklch(85.83% 0.1750 96.21) 100.0%);

In these collections

Neon gradientsLiminal Hours

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works