Skip to content

Grabient palettes

Plum, rose and emerald color palette

Dark purple, pink, tan and green color palette

The Plum, rose and emerald color palette brings together dark magenta, magenta, and green. Radial gradient, 32 colors: #251628, #7e3f6e, #cb7b97, #8ea954, #3b7747. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #251628
  • #2b192d
  • #331d35
  • #3e223f
  • #4a2749
  • #582d53
  • #65335d
  • #733966
  • #7e3f6e
  • #894676
  • #934f80
  • #9c598a
  • #a56293
  • #ae6a9a
  • #b8729e
  • #c2779e
  • #cb7b97
  • #d47e89
  • #d98374
  • #d68b5e
  • #cc944b
  • #ba9e43
  • #a4a549
  • #8ea954
  • #7ca85c
  • #6da460
  • #609d5e
  • #56945a
  • #4d8b55
  • #46834f
  • #407c4a
  • #3b7747

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0386 320.63) 0.0%, oklch(24.67% 0.0445 321.99) 3.2%, oklch(27.14% 0.0529 323.84) 6.5%, oklch(30.09% 0.0630 326.04) 9.7%, oklch(33.34% 0.0738 328.47) 12.9%, oklch(36.76% 0.0845 331.00) 16.1%, oklch(40.17% 0.0942 333.52) 19.4%, oklch(43.43% 0.1020 335.91) 22.6%, oklch(46.39% 0.1071 337.98) 25.8%, oklch(49.39% 0.1097 338.74) 29.0%, oklch(52.52% 0.1104 338.41) 32.3%, oklch(55.66% 0.1098 337.79) 35.5%, oklch(58.70% 0.1084 337.66) 38.7%, oklch(61.53% 0.1067 338.79) 41.9%, oklch(64.03% 0.1053 341.98) 45.2%, oklch(66.09% 0.1046 348.01) 48.4%, oklch(67.65% 0.1051 357.83) 51.6%, oklch(68.88% 0.1065 12.48) 54.8%, oklch(69.80% 0.1084 30.73) 58.1%, oklch(70.40% 0.1105 51.09) 61.3%, oklch(70.68% 0.1125 72.08) 64.5%, oklch(70.64% 0.1143 92.19) 67.7%, oklch(70.26% 0.1155 109.94) 71.0%, oklch(69.53% 0.1158 123.84) 74.2%, oklch(68.29% 0.1151 133.20) 77.4%, oklch(66.30% 0.1133 139.56) 80.6%, oklch(63.77% 0.1108 143.58) 83.9%, oklch(60.94% 0.1079 145.83) 87.1%, oklch(58.07% 0.1048 146.89) 90.3%, oklch(55.38% 0.1019 147.34) 93.5%, oklch(53.14% 0.0995 147.76) 96.8%, oklch(51.57% 0.0978 148.73) 100.0%);

In these collections

Plum orchard harvestKerala riverboat regattaGreen multicolor gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works