Woody Amber Citrus Herbs

Brown, orange, yellow and olive color palette

This diagonal gradient begins in dark wood brown, warms through chestnut and amber, brightens into citrus yellow, then passes through muted yellow green before… Linear gradient, 32 colors at 41°: #21150f, #7f461d, #e2a333, #d8cb51, #667b3c. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#21150f
#271810
#301d12
#3a2214
#462816
#542f18
#62361a
#703e1c
#7f461d
#8d4e1e
#99571f
#a56020
#b26c22
#bf7824
#cc8628
#d8952d
#e2a333
#eab13a
#f0bd40
#f3c747
#f2ce4c
#eed14f
#e5d051
#d8cb51
#c8c350
#b7b84e
#a5ad4b
#94a048
#859444
#778a41
#6d813e
#667b3c

CSS

background: linear-gradient(41deg in oklch, oklch(20.87% 0.0234 47.81) 0.0%, oklch(22.74% 0.0288 48.24) 3.2%, oklch(25.13% 0.0359 48.62) 6.5%, oklch(27.96% 0.0445 49.03) 9.7%, oklch(31.14% 0.0541 49.49) 12.9%, oklch(34.57% 0.0642 50.08) 16.1%, oklch(38.17% 0.0747 50.83) 19.4%, oklch(41.85% 0.0849 51.81) 22.6%, oklch(45.52% 0.0946 53.06) 25.8%, oklch(49.09% 0.1034 54.63) 29.0%, oklch(52.47% 0.1109 56.58) 32.3%, oklch(55.78% 0.1170 58.99) 35.5%, oklch(59.51% 0.1228 61.93) 38.7%, oklch(63.55% 0.1283 65.32) 41.9%, oklch(67.73% 0.1334 69.06) 45.2%, oklch(71.87% 0.1380 73.04) 48.4%, oklch(75.79% 0.1419 77.16) 51.6%, oklch(79.34% 0.1451 81.33) 54.8%, oklch(82.32% 0.1475 85.44) 58.1%, oklch(84.57% 0.1489 89.40) 61.3%, oklch(85.91% 0.1492 93.10) 64.5%, oklch(86.16% 0.1484 96.46) 67.7%, oklch(85.10% 0.1456 99.81) 71.0%, oklch(82.90% 0.1412 103.20) 74.2%, oklch(79.81% 0.1354 106.58) 77.4%, oklch(76.10% 0.1288 109.88) 80.6%, oklch(72.02% 0.1216 113.06) 83.9%, oklch(67.83% 0.1143 116.04) 87.1%, oklch(63.78% 0.1074 118.78) 90.3%, oklch(60.14% 0.1011 121.22) 93.5%, oklch(57.17% 0.0960 123.30) 96.8%, oklch(55.12% 0.0923 124.96) 100.0%);

In these collections

Scent stacking palettes