Skip to content

Grabient palettes

Botanical Resin Perfume Rings

A radial gradient layers petal pink and blush around a pale floral center, then moves through herbal green, resinous ochre, and… #f2d8da, #68855c, #32272a.

32 colors, 5 editable OKLCH keyframes.

  • #f2d8da
  • #f0cfd2
  • #ebc2c9
  • #e6b3be
  • #dfa2b4
  • #d791a9
  • #d0829e
  • #ca7691
  • #c66d81
  • #c26a6b
  • #ba6b53
  • #ac713f
  • #9a793a
  • #867f43
  • #768350
  • #6c8559
  • #68855c
  • #6a865a
  • #728755
  • #7d884e
  • #8c8745
  • #9a843d
  • #a47e3b
  • #a8773c
  • #a46d40
  • #986243
  • #885544
  • #744942
  • #5f3e3d
  • #4c3437
  • #3c2d30
  • #32272a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(90.55% 0.0289 12.66) 0.0%, oklch(88.33% 0.0366 10.97) 3.2%, oklch(85.20% 0.0478 7.63) 6.5%, oklch(81.48% 0.0612 3.59) 9.7%, oklch(77.44% 0.0755 359.81) 12.9%, oklch(73.39% 0.0892 357.24) 16.1%, oklch(69.62% 0.1010 356.84) 19.4%, oklch(66.41% 0.1096 359.55) 22.6%, oklch(64.06% 0.1135 6.42) 25.8%, oklch(62.34% 0.1124 19.60) 29.0%, oklch(61.05% 0.1074 38.02) 32.3%, oklch(60.11% 0.0999 59.49) 35.5%, oklch(59.45% 0.0911 81.82) 38.7%, oklch(58.99% 0.0823 102.84) 41.9%, oklch(58.67% 0.0749 120.34) 45.2%, oklch(58.40% 0.0700 132.15) 48.4%, oklch(58.23% 0.0689 136.44) 51.6%, oklch(58.63% 0.0713 134.48) 54.8%, oklch(59.47% 0.0763 127.79) 58.1%, oklch(60.47% 0.0825 117.66) 61.3%, oklch(61.35% 0.0888 105.40) 64.5%, oklch(61.86% 0.0942 92.31) 67.7%, oklch(61.73% 0.0973 79.69) 71.0%, oklch(60.67% 0.0972 68.83) 74.2%, oklch(58.38% 0.0926 59.74) 77.4%, oklch(54.77% 0.0841 50.06) 80.6%, oklch(50.25% 0.0728 40.07) 83.9%, oklch(45.25% 0.0599 30.18) 87.1%, oklch(40.18% 0.0466 20.81) 90.3%, oklch(35.46% 0.0341 12.38) 93.5%, oklch(31.51% 0.0237 5.29) 96.8%, oklch(28.74% 0.0165 359.98) 100.0%);

In these collections

Scent stacking palettes

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works