Rust teal roadside

Brown to navy palette with 32 colors. #7d454a, #924a47, #9c5130, #83531e, #53480e, #26370d, #003336, #213045. Edit and export CSS, SVG, PNG or a shader.

32 colors, 5 editable OKLCH keyframes.

#7d454a
#81464a
#864749
#8c4949
#924a47
#984c44
#9c4e41
#9f4f3c
#9f5036
#9c5130
#98522a
#925325
#8b5421
#83531e
#7a531b
#715219
#685016
#5e4c12
#53480e
#48430b
#3d3f09
#323b0a
#26370d
#1b3513
#0e341a
#003424
#00332d
#003336
#05323d
#123242
#1c3144
#213045

CSS

background: linear-gradient(45deg in oklch, oklch(46.06% 0.0772 14.77) 0.0%, oklch(46.66% 0.0804 16.48) 3.2%, oklch(47.57% 0.0852 18.62) 6.5%, oklch(48.66% 0.0910 21.15) 9.7%, oklch(49.80% 0.0970 24.07) 12.9%, oklch(50.86% 0.1028 27.34) 16.1%, oklch(51.72% 0.1075 30.95) 19.4%, oklch(52.25% 0.1107 34.87) 22.6%, oklch(52.34% 0.1116 39.10) 25.8%, oklch(52.07% 0.1102 43.68) 29.0%, oklch(51.54% 0.1071 48.62) 32.3%, oklch(50.78% 0.1028 53.90) 35.5%, oklch(49.81% 0.0977 59.50) 38.7%, oklch(48.67% 0.0923 65.41) 41.9%, oklch(47.39% 0.0873 71.59) 45.2%, oklch(46.00% 0.0830 78.03) 48.4%, oklch(44.47% 0.0799 84.64) 51.6%, oklch(42.52% 0.0773 91.11) 54.8%, oklch(40.24% 0.0751 97.58) 58.1%, oklch(37.81% 0.0732 104.32) 61.3%, oklch(35.38% 0.0714 111.57) 64.5%, oklch(33.12% 0.0696 119.57) 67.7%, oklch(31.20% 0.0676 128.56) 71.0%, oklch(29.78% 0.0654 138.79) 74.2%, oklch(28.98% 0.0628 151.04) 77.4%, oklch(28.68% 0.0595 166.06) 80.6%, oklch(28.76% 0.0512 183.03) 83.9%, oklch(29.09% 0.0495 200.76) 87.1%, oklch(29.56% 0.0499 218.03) 90.3%, oklch(30.07% 0.0470 233.86) 93.5%, oklch(30.49% 0.0445 247.14) 96.8%, oklch(30.71% 0.0427 256.76) 100.0%);

In these collections

Red sumac roadside