Skip to content

Grabient palettes

Terracotta, emerald and violet plum orchard harvest

Vivid brown, green and purple color palette

The Terracotta, emerald and violet plum orchard harvest brings together orange, yellow, green, blue, and purple. Linear gradient, 32 colors at 90°: #b97f4f, #86a139, #40954a, #366976, #7c3699. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #b97f4f
  • #b8824a
  • #b48844
  • #ae8e3f
  • #a7943d
  • #9e993d
  • #969c3d
  • #8e9f3b
  • #86a139
  • #7ca338
  • #73a338
  • #69a33b
  • #60a23c
  • #589f3d
  • #509d40
  • #489944
  • #40954a
  • #408f4f
  • #428854
  • #438159
  • #417a5f
  • #3b7565
  • #35706e
  • #366976
  • #3e617b
  • #48597d
  • #51537e
  • #594e83
  • #62498a
  • #6c4291
  • #753c97
  • #7c3699

CSS

background: linear-gradient(90deg in oklch, oklch(64.57% 0.0965 59.77) 0.0%, oklch(64.93% 0.0986 66.33) 3.2%, oklch(65.47% 0.1014 75.78) 6.5%, oklch(66.07% 0.1049 86.59) 9.7%, oklch(66.59% 0.1089 97.22) 12.9%, oklch(66.91% 0.1136 106.11) 16.1%, oklch(66.98% 0.1193 112.69) 19.4%, oklch(66.93% 0.1266 118.13) 22.6%, oklch(66.75% 0.1343 122.74) 25.8%, oklch(66.42% 0.1413 126.75) 29.0%, oklch(65.94% 0.1464 130.43) 32.3%, oklch(65.30% 0.1491 133.75) 35.5%, oklch(64.50% 0.1509 136.17) 38.7%, oklch(63.55% 0.1513 138.12) 41.9%, oklch(62.46% 0.1496 140.12) 45.2%, oklch(61.27% 0.1453 142.67) 48.4%, oklch(59.95% 0.1372 145.84) 51.6%, oklch(58.40% 0.1235 147.95) 54.8%, oklch(56.71% 0.1066 150.15) 58.1%, oklch(54.99% 0.0895 154.03) 61.3%, oklch(53.36% 0.0753 161.20) 64.5%, oklch(51.89% 0.0666 173.43) 67.7%, oklch(50.41% 0.0611 192.72) 71.0%, oklch(48.97% 0.0580 216.57) 74.2%, oklch(47.67% 0.0580 241.50) 77.4%, oklch(46.63% 0.0615 264.05) 80.6%, oklch(45.99% 0.0692 280.81) 83.9%, oklch(45.85% 0.0843 292.34) 87.1%, oklch(46.09% 0.1054 300.64) 90.3%, oklch(46.53% 0.1283 306.54) 93.5%, oklch(46.98% 0.1487 310.87) 96.8%, oklch(47.24% 0.1626 314.44) 100.0%);

In these collections

Plum orchard harvest

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works