Skip to content

Grabient palettes

Violet, rose and lime color palette

Neon tritone purple, pink and yellow color palette

The Violet, rose and lime color palette brings together purple, magenta, red, orange, and green. Radial gradient, 32 colors: #7b2aff, #d71cd7, #ff446f, #ff9d24, #baeb04. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #7b2aff
  • #8329fe
  • #8e27fd
  • #9a25fa
  • #a723f7
  • #b421f1
  • #c11fea
  • #cd1de1
  • #d71cd7
  • #e01bcc
  • #e61cc0
  • #ec1db3
  • #f121a5
  • #f62698
  • #fa2d8a
  • #fe357c
  • #ff446f
  • #ff5464
  • #ff635a
  • #ff7151
  • #ff7d49
  • #ff8940
  • #ff9436
  • #ff9d24
  • #fda709
  • #f7b200
  • #f0bd00
  • #e8c800
  • #ded200
  • #d3dc00
  • #c6e400
  • #baeb04

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(54.33% 0.2770 291.09) 0.0%, oklch(54.99% 0.2772 293.93) 3.2%, oklch(55.89% 0.2778 297.66) 6.5%, oklch(56.97% 0.2785 302.10) 9.7%, oklch(58.15% 0.2791 307.06) 12.9%, oklch(59.35% 0.2793 312.35) 16.1%, oklch(60.51% 0.2788 317.77) 19.4%, oklch(61.55% 0.2774 323.14) 22.6%, oklch(62.39% 0.2748 328.28) 25.8%, oklch(63.02% 0.2711 333.32) 29.0%, oklch(63.50% 0.2665 338.39) 32.3%, oklch(63.89% 0.2611 343.55) 35.5%, oklch(64.27% 0.2551 348.84) 38.7%, oklch(64.71% 0.2487 354.34) 41.9%, oklch(65.28% 0.2419 0.09) 45.2%, oklch(66.05% 0.2350 6.14) 48.4%, oklch(67.09% 0.2218 12.56) 51.6%, oklch(68.39% 0.2058 19.41) 54.8%, oklch(69.89% 0.1919 26.61) 58.1%, oklch(71.51% 0.1804 34.06) 61.3%, oklch(73.20% 0.1717 41.67) 64.5%, oklch(74.89% 0.1661 49.35) 67.7%, oklch(76.51% 0.1641 57.00) 71.0%, oklch(78.00% 0.1665 64.51) 74.2%, oklch(79.37% 0.1685 72.12) 77.4%, oklch(80.76% 0.1671 80.36) 80.6%, oklch(82.13% 0.1678 88.92) 83.9%, oklch(83.45% 0.1722 97.41) 87.1%, oklch(84.68% 0.1801 105.48) 90.3%, oklch(85.78% 0.1909 112.75) 93.5%, oklch(86.70% 0.2035 118.85) 96.8%, oklch(87.40% 0.2150 123.42) 100.0%);

In these collections

Bright gradientsSummer gradientsVivid multicolor gradientsNeon gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works