Skip to content

Grabient palettes

Aubergine and orange color palette

Seamless vivid purple, pink and peach color palette

The Aubergine and orange color palette brings together purple, magenta, orange, and dark purple. Linear gradient, 32 colors at 135°: #351b6b, #b735ac, #ff9768, #a12597, #301961. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #351b6b
  • #3d1e73
  • #48217e
  • #57248a
  • #682797
  • #7b2aa2
  • #8f2eaa
  • #a431ae
  • #b735ac
  • #cd3ca4
  • #e34796
  • #f65684
  • #ff6c75
  • #ff8370
  • #ff926d
  • #ff996c
  • #ff9768
  • #ff8b64
  • #ff7661
  • #f65f6a
  • #e54b79
  • #cf3a87
  • #b72d91
  • #a12597
  • #8f2198
  • #7c1e94
  • #6a1d8e
  • #5a1d85
  • #4c1c7b
  • #401b70
  • #361a67
  • #301961

CSS

background: linear-gradient(135deg in oklch, oklch(31.10% 0.1295 291.80) 0.0%, oklch(33.11% 0.1368 294.58) 3.2%, oklch(35.81% 0.1474 298.00) 6.5%, oklch(39.03% 0.1602 302.06) 9.7%, oklch(42.58% 0.1737 306.75) 12.9%, oklch(46.30% 0.1867 312.06) 16.1%, oklch(50.00% 0.1979 318.00) 19.4%, oklch(53.51% 0.2061 324.54) 22.6%, oklch(56.68% 0.2099 331.78) 25.8%, oklch(60.16% 0.2090 341.48) 29.0%, oklch(64.00% 0.2045 353.41) 32.3%, oklch(67.90% 0.1976 6.35) 35.5%, oklch(71.54% 0.1788 19.11) 38.7%, oklch(74.64% 0.1541 30.47) 41.9%, oklch(76.87% 0.1411 39.23) 45.2%, oklch(77.95% 0.1367 44.20) 48.4%, oklch(77.55% 0.1398 44.20) 51.6%, oklch(75.58% 0.1510 39.23) 54.8%, oklch(72.39% 0.1719 30.47) 58.1%, oklch(68.33% 0.1846 19.11) 61.3%, oklch(63.77% 0.1913 6.35) 64.5%, oklch(59.09% 0.1970 353.41) 67.7%, oklch(54.65% 0.2004 341.48) 71.0%, oklch(50.82% 0.2005 331.78) 74.2%, oklch(47.61% 0.1961 324.54) 77.4%, oklch(44.40% 0.1876 318.00) 80.6%, oklch(41.23% 0.1763 312.06) 83.9%, oklch(38.19% 0.1634 306.75) 87.1%, oklch(35.37% 0.1501 302.06) 90.3%, oklch(32.86% 0.1376 298.00) 93.5%, oklch(30.75% 0.1271 294.58) 96.8%, oklch(29.13% 0.1199 291.80) 100.0%);

In these collections

Sunset gradientsOrange and purple gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works