Skip to content

Grabient palettes

Aubergine and cream vaporwave palette

Seamless purple, blue, gray and pink color palette

The Aubergine and cream vaporwave palette brings together purple, blue, light teal, off-white, light magenta, and magenta. Angular gradient, 32 colors at 225°: #362357, #6e96c1, #eee1d5, #c05d9b, #3b204e. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #362357
  • #3c2a5e
  • #443369
  • #4f3f76
  • #594d85
  • #605c94
  • #656da4
  • #6a81b4
  • #6e96c1
  • #74abca
  • #7ebdcd
  • #91cbca
  • #afd6c5
  • #cdddc9
  • #e0e2d3
  • #e9e4da
  • #eee1d5
  • #f4d4c7
  • #f9c1b9
  • #f8a9b2
  • #f093b0
  • #e280b0
  • #d26fa9
  • #c05d9b
  • #af4b8b
  • #9d3c7d
  • #8b3173
  • #782a6c
  • #642665
  • #52245d
  • #442255
  • #3b204e

CSS

background: conic-gradient(from 225deg in oklch, oklch(30.71% 0.0909 297.42) 0.0%, oklch(33.29% 0.0907 296.72) 3.2%, oklch(36.87% 0.0904 296.35) 6.5%, oklch(41.13% 0.0899 295.19) 9.7%, oklch(45.75% 0.0889 292.15) 12.9%, oklch(50.42% 0.0872 286.11) 16.1%, oklch(55.23% 0.0847 276.71) 19.4%, oklch(60.58% 0.0819 264.83) 22.6%, oklch(66.12% 0.0784 250.58) 25.8%, oklch(71.44% 0.0739 234.06) 29.0%, oklch(76.18% 0.0683 215.36) 32.3%, oklch(80.26% 0.0600 193.70) 35.5%, oklch(84.30% 0.0466 167.46) 38.7%, oklch(87.92% 0.0319 138.87) 41.9%, oklch(90.67% 0.0200 110.41) 45.2%, oklch(92.07% 0.0151 84.56) 48.4%, oklch(91.67% 0.0214 63.16) 51.6%, oklch(89.41% 0.0400 44.03) 54.8%, oklch(85.78% 0.0658 26.90) 58.1%, oklch(81.34% 0.0934 12.04) 61.3%, oklch(76.63% 0.1172 359.73) 64.5%, oklch(72.12% 0.1321 350.39) 67.7%, oklch(67.14% 0.1414 345.47) 71.0%, oklch(61.72% 0.1471 343.82) 74.2%, oklch(56.23% 0.1494 343.55) 77.4%, oklch(51.05% 0.1487 342.78) 80.6%, oklch(46.55% 0.1452 339.65) 83.9%, oklch(42.45% 0.1362 333.90) 87.1%, oklch(38.61% 0.1225 326.83) 90.3%, oklch(35.20% 0.1072 319.53) 93.5%, oklch(32.38% 0.0934 313.12) 96.8%, oklch(30.31% 0.0841 308.69) 100.0%);

In these collections

Vaporwave color palette

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works