Skip to content

Grabient palettes

Pale lavender monochrome purple palette

The Pale lavender monochrome purple palette brings together light purple and purple. #d8bcf9, #ad6ae5, #6b3e96. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

  • #d8bcf9
  • #d6b9f9
  • #d4b5f9
  • #d2b0f9
  • #d0abf9
  • #cda6f9
  • #cba0f8
  • #c89af7
  • #c594f6
  • #c28ff5
  • #bf89f4
  • #bc84f2
  • #b97fef
  • #b67aed
  • #b375eb
  • #b070e8
  • #ad6ae5
  • #a966e2
  • #a661de
  • #a25cda
  • #9e58d6
  • #9a55d2
  • #9651cc
  • #914ec6
  • #8b4bbf
  • #8549b8
  • #8047b1
  • #7b45aa
  • #7643a4
  • #71419e
  • #6e4099
  • #6b3e96

CSS

background: linear-gradient(135deg in oklch, oklch(83.86% 0.0896 305.16) 0.0%, oklch(83.19% 0.0938 305.22) 3.2%, oklch(82.33% 0.0993 305.29) 6.5%, oklch(81.33% 0.1060 305.39) 9.7%, oklch(80.20% 0.1135 305.49) 12.9%, oklch(78.98% 0.1215 305.60) 16.1%, oklch(77.69% 0.1296 305.72) 19.4%, oklch(76.36% 0.1377 305.83) 22.6%, oklch(75.03% 0.1453 305.95) 25.8%, oklch(73.71% 0.1522 306.07) 29.0%, oklch(72.45% 0.1581 306.18) 32.3%, oklch(71.24% 0.1631 306.29) 35.5%, oklch(70.02% 0.1679 306.42) 38.7%, oklch(68.78% 0.1725 306.56) 41.9%, oklch(67.52% 0.1768 306.72) 45.2%, oklch(66.26% 0.1807 306.87) 48.4%, oklch(64.99% 0.1841 307.01) 51.6%, oklch(63.71% 0.1869 307.13) 54.8%, oklch(62.44% 0.1890 307.22) 58.1%, oklch(61.16% 0.1902 307.28) 61.3%, oklch(59.90% 0.1905 307.29) 64.5%, oklch(58.63% 0.1897 307.25) 67.7%, oklch(57.28% 0.1873 307.14) 71.0%, oklch(55.86% 0.1834 306.97) 74.2%, oklch(54.41% 0.1783 306.75) 77.4%, oklch(52.94% 0.1725 306.50) 80.6%, oklch(51.51% 0.1662 306.23) 83.9%, oklch(50.15% 0.1598 305.97) 87.1%, oklch(48.89% 0.1537 305.71) 90.3%, oklch(47.76% 0.1482 305.48) 93.5%, oklch(46.81% 0.1437 305.29) 96.8%, oklch(46.06% 0.1406 305.16) 100.0%);

In these collections

Monochrome purple gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works