Green Violet Orange Secondary Fan

Rainbow from green to orange color palette

These four angular wedges move from green through deep violet, bright purple, and orange. Angular swatches, 4 colors at 150°: #2e7d32, #4427a0, #8d23aa, #f06c0b. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#2e7d32
#4427a0
#8d23aa
#f06c0b

CSS

background: conic-gradient(from 150deg, oklch(52.36% 0.1350 144.14) 0.000% 25.000%, oklch(39.37% 0.1805 285.75) 25.000% 50.000%, oklch(48.82% 0.2081 317.45) 50.000% 75.000%, oklch(68.11% 0.1846 47.27) 75.000% 100.000%);

In these collections

Secondary color swatches