Skip to content

Grabient palettes

Crimson, lime and turquoise vivid multicolor palette

Neon red, yellow, green and cyan color palette

The Crimson, lime and turquoise vivid multicolor palette brings together red, orange, gold, yellow, green, and teal. Linear gradient, 32 colors at 315°: #ff425b, #feac00, #beed00, #00d673, #00c9cf. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #ff425b
  • #ff4951
  • #ff5143
  • #ff5b31
  • #fe681c
  • #fe7700
  • #fd8a00
  • #fd9c00
  • #feac00
  • #fdba00
  • #fdc808
  • #fbd409
  • #f8e007
  • #f0e80a
  • #e3ed0d
  • #d2ee04
  • #beed00
  • #a8eb10
  • #91e927
  • #7ae637
  • #62e144
  • #46dd51
  • #22da60
  • #00d673
  • #00d485
  • #00d293
  • #00d19f
  • #04cfaa
  • #00ceb6
  • #00ccc1
  • #00cac9
  • #00c9cf

CSS

background: linear-gradient(315deg in oklch, oklch(66.53% 0.2229 18.98) 0.0%, oklch(66.99% 0.2175 22.97) 3.2%, oklch(67.58% 0.2123 28.59) 6.5%, oklch(68.45% 0.2065 35.25) 9.7%, oklch(69.75% 0.1986 42.36) 12.9%, oklch(71.67% 0.1905 49.62) 16.1%, oklch(74.35% 0.1784 57.78) 19.4%, oklch(77.42% 0.1719 66.37) 22.6%, oklch(80.44% 0.1699 74.76) 25.8%, oklch(83.01% 0.1709 82.35) 29.0%, oklch(85.44% 0.1736 89.15) 32.3%, oklch(87.79% 0.1794 95.49) 35.5%, oklch(89.70% 0.1867 101.47) 38.7%, oklch(90.82% 0.1939 107.20) 41.9%, oklch(90.81% 0.2005 112.73) 45.2%, oklch(89.76% 0.2084 117.98) 48.4%, oklch(88.09% 0.2160 122.96) 51.6%, oklch(86.24% 0.2222 127.72) 54.8%, oklch(84.59% 0.2251 132.27) 58.1%, oklch(82.79% 0.2259 136.40) 61.3%, oklch(80.87% 0.2248 140.26) 64.5%, oklch(79.08% 0.2212 144.13) 67.7%, oklch(77.71% 0.2148 148.32) 71.0%, oklch(76.92% 0.1984 152.91) 74.2%, oklch(76.58% 0.1801 157.70) 77.4%, oklch(76.48% 0.1660 162.72) 80.6%, oklch(76.45% 0.1548 168.00) 83.9%, oklch(76.31% 0.1452 173.72) 87.1%, oklch(76.18% 0.1377 180.59) 90.3%, oklch(76.09% 0.1324 187.79) 93.5%, oklch(76.03% 0.1299 194.18) 96.8%, oklch(75.99% 0.1292 198.63) 100.0%);

In these collections

Vivid multicolor gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works