Midnight Bark Forest Trail

Tritone navy, brown and dark green color palette

This diagonal gradient moves from midnight blue through deep pine and moss, turns into bark brown and muted bronze, then returns to shadowed green. Linear gradient, 32 colors at 300°: #0c2339, #1b2e49, #415634, #6a5132, #0b342d. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#0c2339
#0d243b
#0f253c
#12263e
#142740
#172842
#192a44
#1a2c46
#1b2e49
#1b314b
#19354d
#153a4e
#0e404e
#0d474b
#194e45
#2c533d
#415634
#54572f
#63572f
#6d5733
#735637
#745539
#715336
#6a5132
#614f2c
#544c28
#464826
#374427
#284029
#1b3b2b
#11372c
#0b342d

CSS

background: linear-gradient(300deg in oklch, oklch(25.20% 0.0510 249.61) 0.0%, oklch(25.57% 0.0512 249.98) 3.2%, oklch(26.00% 0.0515 251.40) 6.5%, oklch(26.49% 0.0519 253.42) 9.7%, oklch(27.05% 0.0523 255.57) 12.9%, oklch(27.67% 0.0527 257.42) 16.1%, oklch(28.37% 0.0532 258.50) 19.4%, oklch(29.14% 0.0536 258.37) 22.6%, oklch(29.98% 0.0541 256.55) 25.8%, oklch(30.91% 0.0546 252.61) 29.0%, oklch(31.93% 0.0550 246.09) 32.3%, oklch(33.11% 0.0554 236.00) 35.5%, oklch(34.66% 0.0560 220.91) 38.7%, oklch(36.49% 0.0566 201.93) 41.9%, oklch(38.48% 0.0573 180.35) 45.2%, oklch(40.53% 0.0579 157.42) 48.4%, oklch(42.51% 0.0585 134.42) 51.6%, oklch(44.32% 0.0590 112.63) 54.8%, oklch(45.85% 0.0594 93.32) 58.1%, oklch(46.97% 0.0595 77.76) 61.3%, oklch(47.58% 0.0595 67.23) 64.5%, oklch(47.55% 0.0591 62.94) 67.7%, oklch(46.81% 0.0584 64.89) 71.0%, oklch(45.46% 0.0573 71.95) 74.2%, oklch(43.63% 0.0560 83.02) 77.4%, oklch(41.48% 0.0546 96.96) 80.6%, oklch(39.15% 0.0531 112.68) 83.9%, oklch(36.76% 0.0515 129.05) 87.1%, oklch(34.46% 0.0500 144.97) 90.3%, oklch(32.40% 0.0487 159.31) 93.5%, oklch(30.71% 0.0476 170.96) 96.8%, oklch(29.53% 0.0469 178.81) 100.0%);

In these collections

Forest gradients