Analogous brown, yellow and beige linear swatches

Analogous brown, yellow and beige palette with 6 colors. #b05622, #c37321, #d7972e, #e7bd48, #f1de78, #faf4a2. Edit and export CSS, SVG, PNG or a shader.

6 colors, 4 editable OKLCH keyframes.

#b05622
#c37321
#d7972e
#e7bd48
#f1de78
#faf4a2

CSS

background: linear-gradient(90deg, oklch(55.51% 0.1337 47.11) 0.000% 16.667%, oklch(63.03% 0.1353 60.02) 16.667% 33.333%, oklch(72.27% 0.1374 75.03) 33.333% 50.000%, oklch(81.49% 0.1399 88.80) 50.000% 66.667%, oklch(89.47% 0.1244 98.52) 66.667% 83.333%, oklch(95.28% 0.1020 104.17) 83.333% 100.000%);