Analogous brown and orange linear swatches

Analogous brown and orange color palette

Linear swatches, 5 colors at 180°: #a24d4b, #dd6938, #fb9f2f, #f99c28, #d56830. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#a24d4b
#dd6938
#fb9f2f
#f99c28
#d56830

CSS

background: linear-gradient(180deg, oklch(52.76% 0.1130 23.20) 0.000% 20.000%, oklch(65.35% 0.1585 42.22) 20.000% 40.000%, oklch(77.95% 0.1598 65.47) 40.000% 60.000%, oklch(77.17% 0.1612 65.47) 60.000% 80.000%, oklch(63.78% 0.1530 45.39) 80.000% 100.000%);

In these collections

Orange gradients