Skip to content

Grabient palettes

Magenta, ochre and indigo steel pan poster

Vivid pink, orange, yellow and purple color palette

This palette moves from magenta through gold to blue. It lightens and then darkens across a moderate lightness range, combining strong color with clear… Linear gradient, 32 colors at 135°: #b82d91, #ff873d, #ffd048, #f46c7b, #4c43b8. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

  • #b82d91
  • #c0308c
  • #ca3685
  • #d63d7c
  • #e24770
  • #ee5362
  • #f86252
  • #ff7342
  • #ff873d
  • #ff993b
  • #ffa93b
  • #ffb73b
  • #ffc238
  • #ffca35
  • #ffd037
  • #ffd23c
  • #ffd048
  • #ffca55
  • #ffc15d
  • #ffb561
  • #ffa662
  • #ff9364
  • #ff7d6a
  • #f46c7b
  • #e3608d
  • #ce569d
  • #b750aa
  • #9e4bb3
  • #8648b9
  • #7046bb
  • #5c44ba
  • #4c43b8

CSS

background: linear-gradient(135deg in oklch, oklch(54.72% 0.2012 341.72) 0.0%, oklch(56.07% 0.1997 346.21) 3.2%, oklch(57.91% 0.1977 352.46) 6.5%, oklch(60.17% 0.1953 0.15) 9.7%, oklch(62.75% 0.1926 8.97) 12.9%, oklch(65.57% 0.1897 18.61) 16.1%, oklch(68.54% 0.1866 28.75) 19.4%, oklch(71.57% 0.1830 39.09) 22.6%, oklch(74.59% 0.1685 49.30) 25.8%, oklch(77.50% 0.1596 59.09) 29.0%, oklch(80.21% 0.1553 68.13) 32.3%, oklch(82.64% 0.1553 76.11) 35.5%, oklch(84.71% 0.1585 82.72) 38.7%, oklch(86.32% 0.1632 87.65) 41.9%, oklch(87.39% 0.1644 90.58) 45.2%, oklch(87.84% 0.1631 91.21) 48.4%, oklch(87.56% 0.1559 89.21) 51.6%, oklch(86.56% 0.1448 84.40) 54.8%, oklch(84.90% 0.1361 77.10) 58.1%, oklch(82.68% 0.1325 67.67) 61.3%, oklch(80.00% 0.1348 56.48) 64.5%, oklch(76.94% 0.1441 43.89) 67.7%, oklch(73.61% 0.1621 30.25) 71.0%, oklch(70.09% 0.1674 15.94) 74.2%, oklch(66.48% 0.1689 1.31) 77.4%, oklch(62.87% 0.1705 346.73) 80.6%, oklch(59.35% 0.1721 332.55) 83.9%, oklch(56.03% 0.1736 319.14) 87.1%, oklch(52.98% 0.1750 306.86) 90.3%, oklch(50.31% 0.1762 296.08) 93.5%, oklch(48.10% 0.1771 287.14) 96.8%, oklch(46.46% 0.1778 280.43) 100.0%);

In these collections

Steel pan poster

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works