Dark green, gray, brown and teal linear gradient

Dark green, gray, brown and teal color palette

Linear gradient, 40 colors at 45°: #004733, #fefefe, #3b180e, #71351c, #63be9e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#004733
#1f533c
#3d654b
#5d7a60
#80937a
#a2ad98
#c2c7b7
#dedfd5
#f2f2ed
#fdfdfc
#fefefe
#f4f4f3
#e2e0dd
#cac5c0
#b0a69e
#94867b
#7a665a
#624a3e
#4f3227
#412217
#3b180e
#38130a
#391009
#3d110a
#43130d
#4c1812
#551e16
#5f251a
#692d1c
#71351c
#783d19
#7f4914
#845813
#856a1b
#837c2d
#7d8e45
#759e5f
#6dac78
#67b78d
#63be9e

CSS

background: linear-gradient(45deg in oklch, oklch(35.44% 0.0736 165.89) 0.0%, oklch(40.04% 0.0692 161.16) 2.6%, oklch(46.79% 0.0618 154.85) 5.1%, oklch(55.04% 0.0528 147.34) 7.7%, oklch(64.13% 0.0428 138.94) 10.3%, oklch(73.42% 0.0325 129.99) 12.8%, oklch(82.23% 0.0226 120.81) 15.4%, oklch(89.93% 0.0137 111.72) 17.9%, oklch(95.86% 0.0065 103.04) 20.5%, oklch(99.36% 0.0017 95.12) 23.1%, oklch(99.78% 0.0000 89.88) 25.6%, oklch(96.74% 0.0009 81.62) 28.2%, oklch(90.80% 0.0042 75.07) 30.8%, oklch(82.69% 0.0094 68.68) 33.3%, oklch(73.14% 0.0159 62.54) 35.9%, oklch(62.87% 0.0234 56.76) 38.5%, oklch(52.60% 0.0312 51.45) 41.0%, oklch(43.06% 0.0390 46.71) 43.6%, oklch(34.98% 0.0463 42.65) 46.2%, oklch(29.07% 0.0525 39.38) 48.7%, oklch(25.85% 0.0575 36.88) 51.3%, oklch(24.33% 0.0623 34.54) 53.8%, oklch(24.10% 0.0670 32.46) 56.4%, oklch(24.94% 0.0715 30.83) 59.0%, oklch(26.65% 0.0758 29.84) 61.5%, oklch(28.99% 0.0800 29.71) 64.1%, oklch(31.74% 0.0838 30.63) 66.7%, oklch(34.70% 0.0873 32.81) 69.2%, oklch(37.64% 0.0904 36.45) 71.8%, oklch(40.33% 0.0931 41.75) 74.4%, oklch(42.93% 0.0953 49.37) 76.9%, oklch(46.10% 0.0969 60.17) 79.5%, oklch(49.72% 0.0981 73.41) 82.1%, oklch(53.62% 0.0990 88.29) 84.6%, oklch(57.64% 0.0995 104.04) 87.2%, oklch(61.61% 0.0998 119.86) 89.7%, oklch(65.36% 0.1000 134.96) 92.3%, oklch(68.72% 0.1002 148.56) 94.9%, oklch(71.53% 0.1003 159.85) 97.4%, oklch(73.62% 0.1006 168.05) 100.0%);