Skip to content
Grabient palettes

Vivid analogous purple and pink linear swatches

Vivid analogous purple and pink color palette

Linear swatches, 10 colors at 180°: #470d61, #660dba, #a41afe, #d727ff, #ff42f6. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #470d61
  • #560c84
  • #660dba
  • #7512e7
  • #8a17fb
  • #a41afe
  • #bd1efe
  • #d727ff
  • #f229ff
  • #ff42f6

CSS

background: linear-gradient(180deg, oklch(31.10% 0.1392 312.19) 0.000% 10.000%, oklch(36.28% 0.1762 306.20) 10.000% 20.000%, oklch(43.55% 0.2274 298.21) 20.000% 30.000%, oklch(50.00% 0.2673 294.22) 30.000% 40.000%, oklch(54.39% 0.2841 297.55) 40.000% 50.000%, oklch(57.95% 0.2895 304.87) 50.000% 60.000%, oklch(61.42% 0.2935 312.19) 60.000% 70.000%, oklch(65.41% 0.2966 318.84) 70.000% 80.000%, oklch(69.32% 0.3042 325.49) 80.000% 90.000%, oklch(72.05% 0.2849 330.15) 90.000% 100.000%);

In these collections

Purple gradientsElectric purple gradientsDay of the Dead gradientsCyber Monday gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works