Sage, terracotta and stone elevation palette

The Sage, terracotta and stone elevation palette brings together green, light orange, orange, red, light gray, and off-white. Linear gradient, 32 colors at 135°: #4f6b54, #b2aa75, #b4917a, #737563, #f7f9f9. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#4f6b54
#567157
#5f785a
#6c815d
#798961
#879165
#949969
#a3a26f
#b2aa75
#bfb17a
#c9b57f
#ceb482
#cfb183
#ccab83
#c6a482
#be9c7f
#b4917a
#a68070
#956e66
#855e5b
#795552
#75564d
#74624f
#737563
#7c8881
#909999
#a4a8a9
#b7b8b9
#cacbcb
#dcddde
#ecedee
#f7f9f9

CSS

background: linear-gradient(135deg in oklch, oklch(50.00% 0.0496 149.77) 0.0%, oklch(51.86% 0.0517 145.61) 3.2%, oklch(54.47% 0.0546 139.75) 6.5%, oklch(57.53% 0.0580 132.90) 9.7%, oklch(60.72% 0.0614 125.78) 12.9%, oklch(63.71% 0.0644 119.09) 16.1%, oklch(66.65% 0.0669 113.04) 19.4%, oklch(69.97% 0.0698 107.02) 22.6%, oklch(73.22% 0.0723 101.05) 25.8%, oklch(75.94% 0.0741 95.15) 29.0%, oklch(77.68% 0.0746 89.33) 32.3%, oklch(78.10% 0.0733 83.62) 35.5%, oklch(77.51% 0.0700 78.02) 38.7%, oklch(76.11% 0.0656 72.50) 41.9%, oklch(74.05% 0.0609 67.03) 45.2%, oklch(71.49% 0.0567 61.60) 48.4%, oklch(68.31% 0.0539 55.27) 51.6%, oklch(63.34% 0.0525 44.35) 54.8%, oklch(57.54% 0.0517 32.43) 58.1%, oklch(52.23% 0.0505 24.20) 61.3%, oklch(48.72% 0.0481 24.34) 64.5%, oklch(48.28% 0.0437 37.88) 67.7%, oklch(50.91% 0.0364 69.75) 71.0%, oklch(55.64% 0.0275 113.24) 74.2%, oklch(61.51% 0.0183 159.32) 77.4%, oklch(67.56% 0.0103 198.97) 80.6%, oklch(72.87% 0.0048 223.26) 83.9%, oklch(78.29% 0.0021 231.68) 87.1%, oklch(84.13% 0.0010 230.14) 90.3%, oklch(89.77% 0.0010 223.17) 93.5%, oklch(94.61% 0.0014 215.30) 96.8%, oklch(98.03% 0.0014 211.06) 100.0%);

In these collections

Elevation gradients