Analogous black, brown and orange linear swatches

Analogous black, brown and orange color palette

Linear swatches, 4 colors at 0°: #210f0a, #793600, #df760a, #ffb857. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#210f0a
#793600
#df760a
#ffb857

CSS

background: linear-gradient(0deg, oklch(19.29% 0.0317 37.97) 0.000% 25.000%, oklch(41.73% 0.1094 50.57) 25.000% 50.000%, oklch(67.32% 0.1626 55.93) 50.000% 75.000%, oklch(83.07% 0.1386 71.79) 75.000% 100.000%);

In these collections

Orange swatches