Tan, maroon and olive linear swatches

Linear swatches, 32 colors at 45°: #dcc26c, #9f5922, #510400, #3e2100, #3c3e00. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#dcc26c
#d8ba65
#d3b05c
#cda452
#c69648
#be873d
#b47833
#aa692a
#9f5922
#934a1b
#883c15
#7c2f10
#71230c
#671808
#5e0e04
#570501
#510400
#4b0800
#460d00
#421100
#401500
#3e1900
#3e1d00
#3e2100
#3e2600
#3f2a00
#3f2e00
#3f3200
#3f3600
#3e3900
#3d3c00
#3c3e00

CSS

background: linear-gradient(45deg, oklch(81.89% 0.1102 92.81) 0.000% 3.125%, oklch(79.83% 0.1104 90.27) 3.125% 6.250%, oklch(77.16% 0.1107 86.78) 6.250% 9.375%, oklch(73.99% 0.1112 82.50) 9.375% 12.500%, oklch(70.39% 0.1117 77.60) 12.500% 15.625%, oklch(66.46% 0.1123 72.25) 15.625% 18.750%, oklch(62.29% 0.1129 66.61) 18.750% 21.875%, oklch(57.98% 0.1135 60.85) 21.875% 25.000%, oklch(53.61% 0.1140 55.14) 25.000% 28.125%, oklch(49.28% 0.1144 49.63) 28.125% 31.250%, oklch(45.07% 0.1148 44.51) 31.250% 34.375%, oklch(41.09% 0.1149 39.92) 34.375% 37.500%, oklch(37.42% 0.1149 36.05) 37.500% 40.625%, oklch(34.15% 0.1147 33.05) 40.625% 43.750%, oklch(31.38% 0.1142 31.09) 43.750% 46.875%, oklch(29.19% 0.1135 30.34) 46.875% 50.000%, oklch(27.66% 0.1086 30.74) 50.000% 53.125%, oklch(26.65% 0.0990 32.75) 53.125% 56.250%, oklch(26.09% 0.0893 36.03) 56.250% 59.375%, oklch(25.92% 0.0807 40.40) 59.375% 62.500%, oklch(26.09% 0.0737 45.68) 62.500% 65.625%, oklch(26.55% 0.0685 51.71) 65.625% 68.750%, oklch(27.24% 0.0650 58.28) 68.750% 71.875%, oklch(28.11% 0.0630 65.23) 71.875% 75.000%, oklch(29.11% 0.0622 72.36) 75.000% 78.125%, oklch(30.17% 0.0626 79.49) 78.125% 81.250%, oklch(31.26% 0.0640 86.42) 81.250% 84.375%, oklch(32.30% 0.0661 92.98) 84.375% 87.500%, oklch(33.26% 0.0689 98.98) 87.500% 90.625%, oklch(34.07% 0.0720 104.24) 90.625% 93.750%, oklch(34.68% 0.0750 108.59) 93.750% 96.875%, oklch(35.04% 0.0772 111.83) 96.875% 100.000%);

In these collections

Harvest gradients Mooncake candlelight