Leaf Green Sunlit Gold Rain Green

Analogous green, tan, teal and beige color palette

This linear gradient moves through leaf green, sunlit gold, rain green, warm amber, and soft grass green in its saved order. Linear gradient, 32 colors at 90°: #6fa073, #f0d16b, #3d6a58, #d59b52, #b7c98b. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#6fa073
#7aa672
#8baf71
#a2b96f
#bbc36d
#d4cb6c
#e7d16c
#f2d36c
#f0d16b
#dcca69
#bcbf67
#97af68
#749c69
#598966
#477861
#3e6d5c
#3d6a58
#436e55
#527651
#6a7f4b
#888845
#a89043
#c39649
#d59b52
#dea059
#dfa75d
#dcae61
#d5b668
#ccbd70
#c2c27b
#bbc684
#b7c98b

CSS

background: linear-gradient(90deg in oklch, oklch(65.75% 0.0841 146.25) 0.0%, oklch(67.88% 0.0883 140.99) 3.2%, oklch(71.19% 0.0948 132.96) 6.5%, oklch(75.16% 0.1026 123.34) 9.7%, oklch(79.27% 0.1107 113.31) 12.9%, oklch(82.99% 0.1181 104.07) 16.1%, oklch(85.81% 0.1238 96.79) 19.4%, oklch(87.21% 0.1269 92.67) 22.6%, oklch(86.64% 0.1262 92.94) 25.8%, oklch(83.53% 0.1206 99.17) 29.0%, oklch(78.38% 0.1112 110.19) 32.3%, oklch(71.98% 0.0994 124.03) 35.5%, oklch(65.11% 0.0867 138.72) 38.7%, oklch(58.57% 0.0748 152.30) 41.9%, oklch(53.14% 0.0650 162.79) 45.2%, oklch(49.62% 0.0590 168.23) 48.4%, oklch(48.68% 0.0581 166.69) 51.6%, oklch(49.92% 0.0622 157.96) 54.8%, oklch(52.78% 0.0698 144.02) 58.1%, oklch(56.73% 0.0797 126.98) 61.3%, oklch(61.26% 0.0903 108.96) 64.5%, oklch(65.83% 0.1005 92.07) 67.7%, oklch(69.94% 0.1087 78.41) 71.0%, oklch(73.06% 0.1138 70.10) 74.2%, oklch(75.04% 0.1148 68.44) 77.4%, oklch(76.56% 0.1130 71.78) 80.6%, oklch(77.73% 0.1092 78.76) 83.9%, oklch(78.62% 0.1041 88.06) 87.1%, oklch(79.29% 0.0985 98.35) 90.3%, oklch(79.82% 0.0930 108.30) 93.5%, oklch(80.27% 0.0884 116.61) 96.8%, oklch(80.71% 0.0854 121.94) 100.0%);

In these collections

Spring thunder over veld