Skip to content
Grabient palettes

Pale yellow pink violet diagonal

Vivid blue, purple, pink and yellow color palette

Linear gradient, 13 colors at 225°: #5557ff, #9830ff, #f77fdf, #ffec9e, #fffc95. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #5557ff
  • #6342ff
  • #792eff
  • #9830ff
  • #bc3eff
  • #e655fa
  • #f77fdf
  • #ffa6c0
  • #ffcfac
  • #ffec9e
  • #fffca7
  • #fdffb6
  • #fffc95

CSS

background: linear-gradient(225deg in oklch, oklch(56.30% 0.2422 274.92) 0.0%, oklch(54.45% 0.2600 281.38) 8.3%, oklch(54.38% 0.2746 290.14) 16.7%, oklch(57.78% 0.2750 299.96) 25.0%, oklch(63.30% 0.2708 310.58) 33.3%, oklch(70.35% 0.2567 322.54) 41.7%, oklch(76.21% 0.1850 335.55) 50.0%, oklch(81.99% 0.1091 0.86) 58.3%, oklch(88.79% 0.0714 57.86) 66.7%, oklch(94.12% 0.0989 96.12) 75.0%, oklch(97.49% 0.1061 106.62) 83.3%, oklch(98.14% 0.0920 109.53) 91.7%, oklch(97.24% 0.1259 107.26) 100.0%);

In these collections

Holographic gradientsWinter sunset gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works