Skip to content

Grabient palettes

Ochre, crimson and magenta vivid multicolor palette

Neon yellow, orange, pink and purple color palette

The Ochre, crimson and magenta vivid multicolor palette brings together yellow, orange, red, magenta, and purple. Radial gradient, 32 colors: #ffd503, #ff9900, #fe4936, #ef0878, #a01bc8. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #ffd503
  • #ffd012
  • #ffca18
  • #ffc319
  • #ffbb16
  • #ffb30f
  • #ffaa07
  • #ffa100
  • #ff9900
  • #ff9100
  • #ff8700
  • #ff7e06
  • #ff730f
  • #ff6919
  • #ff5e22
  • #ff522b
  • #fe4936
  • #fd4040
  • #fc3749
  • #fb2f52
  • #f9265b
  • #f71d64
  • #f4146e
  • #ef0878
  • #e90084
  • #e00090
  • #d5019e
  • #c908aa
  • #bd10b5
  • #b115bd
  • #a719c4
  • #a01bc8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(88.19% 0.1805 94.22) 0.0%, oklch(87.34% 0.1763 91.98) 3.2%, oklch(86.20% 0.1725 89.02) 6.5%, oklch(84.85% 0.1699 85.50) 9.7%, oklch(83.34% 0.1686 81.56) 12.9%, oklch(81.76% 0.1686 77.36) 16.1%, oklch(80.17% 0.1697 73.05) 19.4%, oklch(78.63% 0.1716 68.78) 22.6%, oklch(77.21% 0.1737 64.66) 25.8%, oklch(75.79% 0.1769 60.48) 29.0%, oklch(74.32% 0.1815 56.16) 32.3%, oklch(72.84% 0.1868 51.72) 35.5%, oklch(71.38% 0.1930 47.22) 38.7%, oklch(69.98% 0.1999 42.73) 41.9%, oklch(68.66% 0.2074 38.30) 45.2%, oklch(67.47% 0.2152 33.97) 48.4%, oklch(66.43% 0.2201 29.83) 51.6%, oklch(65.58% 0.2247 25.96) 54.8%, oklch(64.87% 0.2292 22.27) 58.1%, oklch(64.25% 0.2335 18.64) 61.3%, oklch(63.66% 0.2374 14.96) 64.5%, oklch(63.07% 0.2409 11.11) 67.7%, oklch(62.41% 0.2439 6.97) 71.0%, oklch(61.63% 0.2462 2.44) 74.2%, oklch(60.69% 0.2477 357.22) 77.4%, oklch(59.58% 0.2477 351.07) 80.6%, oklch(58.35% 0.2483 344.35) 83.9%, oklch(57.09% 0.2479 337.45) 87.1%, oklch(55.88% 0.2471 330.75) 90.3%, oklch(54.76% 0.2463 324.65) 93.5%, oklch(53.83% 0.2456 319.53) 96.8%, oklch(53.15% 0.2453 315.78) 100.0%);

In these collections

Vivid multicolor gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works