Analogous beige, yellow and brown linear gradient

Analogous beige, yellow and brown color palette

Linear gradient, 7 colors at 90°: #fef8ca, #fff2a5, #fee46c, #f4cd3c, #d8a922, #ab7e14, #7b560d. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#fef8ca
#fff2a5
#fee46c
#f4cd3c
#d8a922
#ab7e14
#7b560d

CSS

background: linear-gradient(90deg in oklch, oklch(97.24% 0.0593 100.55) 0.0%, oklch(95.33% 0.0967 99.46) 16.7%, oklch(91.70% 0.1420 97.02) 33.3%, oklch(85.83% 0.1585 93.15) 50.0%, oklch(75.78% 0.1472 87.47) 66.7%, oklch(62.07% 0.1225 82.19) 83.3%, oklch(48.03% 0.0951 78.36) 100.0%);

In these collections

Monochromatic swatches