Orange Mint Violet Bands

These four diagonal bands move from burnt orange through soft mint green, vivid violet, and bright orange. Linear swatches, 4 colors at 285°: #e65001, #82c783, #8c24ab, #f67b11. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#e65001
#82c783
#8c24ab
#f67b11

CSS

background: linear-gradient(285deg, oklch(62.99% 0.1970 40.08) 0.000% 25.000%, oklch(76.77% 0.1185 144.70) 25.000% 50.000%, oklch(48.82% 0.2081 316.95) 50.000% 75.000%, oklch(71.26% 0.1791 52.05) 75.000% 100.000%);

In these collections

Secondary color swatches