Violet Orange Green Quarters

Rainbow from purple to green color palette

These four angular wedges move from violet through fresh green, vivid orange, and deeper leafy green. Angular swatches, 4 colors at 180°: #aa46bc, #65ba69, #e65100, #2f7d31. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#aa46bc
#65ba69
#e65100
#2f7d31

CSS

background: conic-gradient(from 180deg, oklch(57.48% 0.1943 321.33) 0.000% 25.000%, oklch(71.65% 0.1419 144.85) 25.000% 50.000%, oklch(62.99% 0.1969 40.21) 50.000% 75.000%, oklch(52.36% 0.1350 143.79) 75.000% 100.000%);

In these collections

Secondary color swatches