Cocoa Chartreuse Angular Wedges

Analogous brown, yellow and olive color palette

These angular swatch wedges show dark chocolate, cocoa brown, toasted tan, bright chartreuse, and deep olive in their saved order. Angular swatches, 5 colors at 135°: #312019, #775035, #ba8b55, #c7e053, #55691e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#312019
#775035
#ba8b55
#c7e053
#55691e

CSS

background: conic-gradient(from 135deg, oklch(26.38% 0.0289 43.59) 0.000% 20.000%, oklch(46.85% 0.0661 55.22) 20.000% 40.000%, oklch(66.93% 0.0909 68.96) 40.000% 60.000%, oklch(86.22% 0.1667 118.62) 60.000% 80.000%, oklch(48.82% 0.1020 122.85) 80.000% 100.000%);

In these collections

Chocolate and chartreuse