Skip to content

Grabient palettes

Heather at Dusk

Muted lavender, purple and navy color palette

The Lavender and stone color palette brings together purple and light magenta. Radial gradient, 32 colors: #ab8cce, #8063ab, #4a3471, #563f6e, #cfb0c8. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #ab8cce
  • #a789cb
  • #a385c8
  • #9e80c4
  • #997bbf
  • #9375bb
  • #8d6fb5
  • #8669b0
  • #8063ab
  • #7a5da5
  • #7558a0
  • #6f539a
  • #684d93
  • #61478b
  • #584082
  • #513a79
  • #4a3471
  • #442f6a
  • #402c65
  • #3e2a61
  • #3f2b5f
  • #432e61
  • #4b3566
  • #563f6e
  • #654c78
  • #755b84
  • #876a91
  • #997b9e
  • #aa8bab
  • #ba9ab7
  • #c6a7c1
  • #cfb0c8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(69.29% 0.0992 305.16) 0.0%, oklch(68.27% 0.1002 304.90) 3.2%, oklch(66.97% 0.1016 304.56) 6.5%, oklch(65.42% 0.1034 304.14) 9.7%, oklch(63.69% 0.1053 303.68) 12.9%, oklch(61.81% 0.1073 303.19) 16.1%, oklch(59.85% 0.1092 302.69) 19.4%, oklch(57.86% 0.1109 302.21) 22.6%, oklch(55.87% 0.1122 301.75) 25.8%, oklch(53.95% 0.1130 301.35) 29.0%, oklch(52.14% 0.1131 301.02) 32.3%, oklch(50.34% 0.1125 300.70) 35.5%, oklch(48.13% 0.1113 300.20) 38.7%, oklch(45.63% 0.1097 299.57) 41.9%, oklch(43.01% 0.1076 298.90) 45.2%, oklch(40.44% 0.1052 298.29) 48.4%, oklch(38.08% 0.1025 297.80) 51.6%, oklch(36.09% 0.0996 297.54) 54.8%, oklch(34.63% 0.0965 297.59) 58.1%, oklch(33.88% 0.0934 298.03) 61.3%, oklch(34.00% 0.0903 298.95) 64.5%, oklch(35.18% 0.0871 300.45) 67.7%, oklch(37.70% 0.0836 302.77) 71.0%, oklch(41.41% 0.0796 305.82) 74.2%, oklch(46.02% 0.0754 309.39) 77.4%, oklch(51.23% 0.0710 313.31) 80.6%, oklch(56.76% 0.0666 317.40) 83.9%, oklch(62.33% 0.0624 321.46) 87.1%, oklch(67.63% 0.0584 325.30) 90.3%, oklch(72.40% 0.0549 328.75) 93.5%, oklch(76.32% 0.0519 331.60) 96.8%, oklch(79.13% 0.0496 333.69) 100.0%);

In these collections

Paper lantern duskLavenderSpring garden weddingComposition notebook doodles

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works