Vivid analogous olive and green linear swatches

Vivid analogous olive and green color palette

Linear swatches, 10 colors at 75°: #3e5600, #4c6b00, #648f00, #74a700, #83bb00. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#3e5600
#445e00
#4c6b00
#557700
#5d8300
#648f00
#6c9a02
#74a700
#7db200
#83bb00

CSS

background: linear-gradient(75deg, oklch(41.73% 0.1060 125.87) 0.000% 10.000%, oklch(44.49% 0.1135 126.15) 10.000% 20.000%, oklch(48.43% 0.1241 126.54) 20.000% 30.000%, oklch(52.36% 0.1349 126.93) 30.000% 40.000%, oklch(55.95% 0.1449 127.32) 40.000% 50.000%, oklch(59.54% 0.1549 127.70) 50.000% 60.000%, oklch(62.99% 0.1640 127.97) 60.000% 70.000%, oklch(66.58% 0.1742 128.05) 70.000% 80.000%, oklch(70.04% 0.1832 128.02) 80.000% 90.000%, oklch(72.44% 0.1894 127.98) 90.000% 100.000%);

In these collections

Two color gradients