Yellow Green Violet Wedges

These angular wedges move through yellow, deep violet, muted green, and vivid violet. #94c928, #6f8354, #a378f9. Edit and export CSS, SVG, PNG or a shader.

4 colors, 4 editable OKLCH keyframes.

#94c928
#0e012c
#6f8354
#a378f9

CSS

background: conic-gradient(from 315deg, oklch(77.17% 0.1874 127.27) 0.000% 25.000%, oklch(15.35% 0.0841 288.95) 25.000% 50.000%, oklch(58.27% 0.0730 127.27) 50.000% 75.000%, oklch(67.32% 0.1860 296.35) 75.000% 100.000%);

In these collections

Complementary swatches