Skip to content

Grabient palettes

Lichen Canopy Forest Dusk

Navy, green and beige color palette

This diagonal gradient begins in deep navy, passes through muted plum and bark brown, then opens across olive, leaf green, pale lichen, and soft cream. Linear gradient, 32 colors at 305°: #0c2339, #68413c, #868a46, #a3c683, #f0f3d2. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #0c2339
  • #16253e
  • #212742
  • #2e2946
  • #3b2c47
  • #482f46
  • #543443
  • #5f3a40
  • #68413c
  • #6e4a39
  • #735338
  • #775b39
  • #7b643a
  • #7e6d3b
  • #82773e
  • #848041
  • #868a46
  • #88944c
  • #8a9d53
  • #8ca65b
  • #8faf64
  • #93b76e
  • #9abf78
  • #a3c683
  • #aecd8d
  • #bad498
  • #c6daa3
  • #d2e0ae
  • #dce6b9
  • #e4ebc3
  • #ebefcc
  • #f0f3d2

CSS

background: linear-gradient(305deg in oklch, oklch(25.20% 0.0510 249.61) 0.0%, oklch(26.47% 0.0513 260.06) 3.2%, oklch(28.09% 0.0515 274.03) 6.5%, oklch(29.99% 0.0516 290.74) 9.7%, oklch(32.13% 0.0517 309.43) 12.9%, oklch(34.44% 0.0520 329.32) 16.1%, oklch(36.89% 0.0525 349.65) 19.4%, oklch(39.40% 0.0533 9.64) 22.6%, oklch(41.94% 0.0545 28.53) 25.8%, oklch(44.44% 0.0562 45.54) 29.0%, oklch(46.86% 0.0584 59.91) 32.3%, oklch(49.19% 0.0615 71.44) 35.5%, oklch(51.58% 0.0660 81.63) 38.7%, oklch(54.01% 0.0717 90.67) 41.9%, oklch(56.49% 0.0780 98.65) 45.2%, oklch(58.98% 0.0846 105.62) 48.4%, oklch(61.49% 0.0911 111.66) 51.6%, oklch(63.99% 0.0971 116.83) 54.8%, oklch(66.46% 0.1021 121.20) 58.1%, oklch(68.90% 0.1057 124.85) 61.3%, oklch(71.28% 0.1075 127.83) 64.5%, oklch(73.61% 0.1071 130.16) 67.7%, oklch(76.03% 0.1042 131.13) 71.0%, oklch(78.53% 0.0992 130.73) 74.2%, oklch(81.07% 0.0927 129.24) 77.4%, oklch(83.59% 0.0850 126.94) 80.6%, oklch(86.03% 0.0767 124.11) 83.9%, oklch(88.35% 0.0683 121.01) 87.1%, oklch(90.48% 0.0602 117.93) 90.3%, oklch(92.39% 0.0529 115.13) 93.5%, oklch(94.00% 0.0469 112.91) 96.8%, oklch(95.28% 0.0427 111.53) 100.0%);

In these collections

Forest gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works