Skip to content

Grabient palettes

Crimson, mustard and violet color palette

Rainbow from red to blue color palette

The Crimson, mustard and violet color palette brings together red, orange, gold, green, teal, and purple. Radial gradient, 32 colors: #d6433f, #f48f32, #a8bc41, #40b499, #704eb4. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #d6433f
  • #d9493f
  • #dc503f
  • #e0593f
  • #e4623e
  • #e86c3d
  • #ec763a
  • #f08136
  • #f48f32
  • #f79f31
  • #f8ae33
  • #f5bc39
  • #edc640
  • #e1ca45
  • #d1c845
  • #bec343
  • #a8bc41
  • #93b543
  • #7db04a
  • #6aae56
  • #5aaf67
  • #4eb178
  • #46b389
  • #40b499
  • #39b3a6
  • #2daeb1
  • #1da4bc
  • #2295c5
  • #3c83c9
  • #546ec7
  • #655cbe
  • #704eb4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(59.45% 0.1846 26.02) 0.0%, oklch(60.48% 0.1822 27.80) 3.2%, oklch(61.85% 0.1788 30.00) 6.5%, oklch(63.50% 0.1748 32.71) 9.7%, oklch(65.35% 0.1706 36.05) 12.9%, oklch(67.30% 0.1666 40.11) 16.1%, oklch(69.29% 0.1632 45.01) 19.4%, oklch(71.53% 0.1605 51.02) 22.6%, oklch(74.38% 0.1582 58.34) 25.8%, oklch(77.45% 0.1561 66.52) 29.0%, oklch(80.31% 0.1543 75.12) 32.3%, oklch(82.55% 0.1525 83.67) 35.5%, oklch(83.76% 0.1509 91.72) 38.7%, oklch(83.50% 0.1494 98.91) 41.9%, oklch(81.70% 0.1485 105.42) 45.2%, oklch(78.88% 0.1478 111.59) 48.4%, oklch(75.60% 0.1471 117.74) 51.6%, oklch(72.42% 0.1459 124.19) 54.8%, oklch(69.88% 0.1438 131.25) 58.1%, oklch(68.51% 0.1402 139.15) 61.3%, oklch(68.23% 0.1340 147.25) 64.5%, oklch(68.62% 0.1261 155.63) 67.7%, oklch(69.26% 0.1180 164.57) 71.0%, oklch(69.75% 0.1111 174.36) 74.2%, oklch(69.66% 0.1067 185.31) 77.4%, oklch(68.58% 0.1064 197.76) 80.6%, oklch(66.32% 0.1111 213.45) 83.9%, oklch(63.20% 0.1194 231.75) 87.1%, oklch(59.68% 0.1297 250.89) 90.3%, oklch(56.21% 0.1404 269.08) 93.5%, oklch(53.23% 0.1496 284.54) 96.8%, oklch(51.18% 0.1557 295.49) 100.0%);

In these collections

Steel pan posterRainbow gradientsKerala flower carpet

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works