Terracotta, ochre and sage forest palette

The Terracotta, ochre and sage forest palette brings together orange, yellow, and green. Linear gradient, 32 colors at 90°: #986445, #80573b, #6e5d38, #696f43, #627b4c. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#986445
#966244
#936143
#905f42
#8d5d41
#895b3f
#86593e
#83583c
#80573b
#7d5739
#7b5738
#785837
#755837
#735937
#715a37
#6f5c37
#6e5d38
#6d5f39
#6c623a
#6c643c
#6b673d
#6b6a3f
#6a6d41
#696f43
#687145
#677346
#667547
#657748
#657849
#64794a
#637a4b
#627b4c

CSS

background: linear-gradient(90deg in oklch, oklch(55.12% 0.0813 50.63) 0.0%, oklch(54.65% 0.0803 50.78) 3.2%, oklch(53.98% 0.0789 50.79) 6.5%, oklch(53.19% 0.0773 50.79) 9.7%, oklch(52.33% 0.0756 50.92) 12.9%, oklch(51.47% 0.0737 51.31) 16.1%, oklch(50.67% 0.0718 52.10) 19.4%, oklch(49.99% 0.0701 53.42) 22.6%, oklch(49.50% 0.0685 55.42) 25.8%, oklch(49.11% 0.0668 58.16) 29.0%, oklch(48.78% 0.0651 61.52) 32.3%, oklch(48.52% 0.0633 65.36) 35.5%, oklch(48.34% 0.0616 69.52) 38.7%, oklch(48.25% 0.0601 73.85) 41.9%, oklch(48.24% 0.0589 78.20) 45.2%, oklch(48.34% 0.0581 82.42) 48.4%, oklch(48.55% 0.0578 86.46) 51.6%, oklch(48.95% 0.0580 90.70) 54.8%, oklch(49.48% 0.0586 95.11) 58.1%, oklch(50.12% 0.0595 99.56) 61.3%, oklch(50.80% 0.0607 103.94) 64.5%, oklch(51.48% 0.0619 108.11) 67.7%, oklch(52.11% 0.0632 111.97) 71.0%, oklch(52.64% 0.0645 115.38) 74.2%, oklch(53.07% 0.0657 118.31) 77.4%, oklch(53.47% 0.0672 120.92) 80.6%, oklch(53.84% 0.0688 123.24) 83.9%, oklch(54.17% 0.0705 125.29) 87.1%, oklch(54.47% 0.0721 127.06) 90.3%, oklch(54.72% 0.0736 128.59) 93.5%, oklch(54.94% 0.0749 129.88) 96.8%, oklch(55.12% 0.0758 130.94) 100.0%);

In these collections

Forest gradients