Skip to content

Grabient palettes

Raspberry Gold Spring Sweep

Vivid pink, yellow and green color palette

This diagonal gradient begins in raspberry pink, passes through coral and orange, brightens into gold and lemon, then closes through yellow-green into fresh… Linear gradient, 32 colors at 27°: #f0447b, #ff7b5e, #ffc044, #e9e855, #76d969. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #f0447b
  • #f24978
  • #f44e75
  • #f65571
  • #f85c6d
  • #fa6369
  • #fc6b65
  • #fe7361
  • #ff7b5e
  • #ff855b
  • #ff8e59
  • #ff9857
  • #ffa154
  • #ffaa52
  • #ffb24f
  • #ffb949
  • #ffc044
  • #fdc746
  • #fcce49
  • #fbd54b
  • #f8db4d
  • #f5e150
  • #f0e552
  • #e9e855
  • #dfea57
  • #d2e95a
  • #c3e85c
  • #b2e55e
  • #a1e161
  • #90de64
  • #81db67
  • #76d969

CSS

background: linear-gradient(27deg in oklch, oklch(64.96% 0.2094 6.33) 0.0%, oklch(65.57% 0.2062 8.31) 3.2%, oklch(66.36% 0.2018 10.80) 6.5%, oklch(67.29% 0.1964 13.76) 9.7%, oklch(68.35% 0.1906 17.14) 12.9%, oklch(69.49% 0.1847 20.89) 16.1%, oklch(70.69% 0.1790 24.97) 19.4%, oklch(71.92% 0.1740 29.33) 22.6%, oklch(73.14% 0.1671 33.93) 25.8%, oklch(74.48% 0.1595 39.15) 29.0%, oklch(75.93% 0.1529 44.96) 32.3%, oklch(77.45% 0.1477 51.16) 35.5%, oklch(79.00% 0.1444 57.54) 38.7%, oklch(80.51% 0.1432 63.88) 41.9%, oklch(81.95% 0.1442 69.97) 45.2%, oklch(83.26% 0.1476 75.61) 48.4%, oklch(84.45% 0.1515 80.62) 51.6%, oklch(85.69% 0.1522 85.19) 54.8%, oklch(86.95% 0.1537 89.43) 58.1%, oklch(88.14% 0.1557 93.44) 61.3%, oklch(89.19% 0.1581 97.30) 64.5%, oklch(90.00% 0.1606 101.10) 67.7%, oklch(90.50% 0.1629 104.93) 71.0%, oklch(90.60% 0.1649 108.87) 74.2%, oklch(90.16% 0.1666 113.09) 77.4%, oklch(89.11% 0.1682 117.67) 80.6%, oklch(87.63% 0.1699 122.43) 83.9%, oklch(85.88% 0.1715 127.15) 87.1%, oklch(84.06% 0.1730 131.63) 90.3%, oklch(82.34% 0.1744 135.66) 93.5%, oklch(80.90% 0.1755 139.05) 96.8%, oklch(79.92% 0.1764 141.59) 100.0%);

In these collections

Bright gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works