Orange Brown Orange

These angular swatch wedges move through orange, brown, orange, brown, and tan in its saved order. Angular swatches, 5 colors at 30°: #c98453, #a76a49, #c99a3e, #89462e, #e3b47a. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#c98453
#a76a49
#c99a3e
#89462e
#e3b47a

CSS

background: conic-gradient(from 30deg, oklch(67.32% 0.1075 54.84) 0.000% 20.000%, oklch(58.27% 0.0923 48.50) 20.000% 40.000%, oklch(71.26% 0.1213 81.26) 40.000% 60.000%, oklch(47.24% 0.0978 40.05) 60.000% 80.000%, oklch(79.92% 0.0923 71.75) 80.000% 100.000%);

In these collections

Harvest swatches