Skip to content

Grabient palettes

Coral, lime and lavender multicolor palette

Pastel rainbow from pink to lavender color palette

The Coral, lime and lavender multicolor palette brings together red, orange, light yellow, light green, light blue, and purple. Radial gradient, 32 colors: #ff7e8c, #fec36f, #afe09d, #5dc3df, #aa86d8. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #ff7e8c
  • #ff8487
  • #ff8d80
  • #ff9678
  • #ff9f71
  • #ffa86b
  • #ffb166
  • #feba69
  • #fec36f
  • #ffcc77
  • #ffd47f
  • #fedb84
  • #f8e189
  • #ece48d
  • #dbe591
  • #c6e396
  • #afe09d
  • #98dca5
  • #82d8af
  • #72d4b9
  • #65d0c3
  • #5dcdcd
  • #5ac8d7
  • #5dc3df
  • #63bde5
  • #6cb7ea
  • #76afec
  • #83a6ed
  • #8f9cea
  • #9a93e5
  • #a38bde
  • #aa86d8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(74.41% 0.1571 14.77) 0.0%, oklch(75.22% 0.1492 20.13) 3.2%, oklch(76.34% 0.1407 27.67) 6.5%, oklch(77.66% 0.1338 36.56) 9.7%, oklch(79.11% 0.1296 45.96) 12.9%, oklch(80.59% 0.1283 55.07) 16.1%, oklch(82.01% 0.1289 63.05) 19.4%, oklch(83.50% 0.1252 69.30) 22.6%, oklch(85.31% 0.1219 74.30) 25.8%, oklch(87.20% 0.1182 78.72) 29.0%, oklch(88.93% 0.1140 83.20) 32.3%, oklch(90.25% 0.1134 88.42) 35.5%, oklch(90.92% 0.1111 95.05) 38.7%, oklch(90.68% 0.1090 103.65) 41.9%, oklch(89.53% 0.1071 113.95) 45.2%, oklch(87.75% 0.1055 125.43) 48.4%, oklch(85.63% 0.1042 137.62) 51.6%, oklch(83.48% 0.1031 150.02) 54.8%, oklch(81.59% 0.1023 162.13) 58.1%, oklch(80.22% 0.1018 173.55) 61.3%, oklch(79.17% 0.1015 184.77) 64.5%, oklch(78.29% 0.1015 195.94) 67.7%, oklch(77.50% 0.1017 207.05) 71.0%, oklch(76.74% 0.1024 218.09) 74.2%, oklch(75.93% 0.1035 229.05) 77.4%, oklch(75.00% 0.1051 239.93) 80.6%, oklch(73.87% 0.1077 251.61) 83.9%, oklch(72.64% 0.1111 263.88) 87.1%, oklch(71.38% 0.1149 275.97) 90.3%, oklch(70.21% 0.1186 287.08) 93.5%, oklch(69.22% 0.1218 296.44) 96.8%, oklch(68.50% 0.1240 303.26) 100.0%);

In these collections

Multicolor gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works