Orange Violet Green Fan

Rainbow from orange to green color palette

These five angular wedges move from vivid orange through red orange, bright violet, deep purple, and leafy green. Angular swatches, 5 colors at 90°: #f57c03, #ef6c02, #8e23a9, #46279f, #2b7d33. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f57c03
#ef6c02
#8e23a9
#46279f
#2b7d33

CSS

background: conic-gradient(from 90deg, oklch(71.26% 0.1791 53.44) 0.000% 20.000%, oklch(68.11% 0.1846 48.15) 20.000% 40.000%, oklch(48.82% 0.2081 318.33) 40.000% 60.000%, oklch(39.37% 0.1805 286.63) 60.000% 80.000%, oklch(52.36% 0.1350 145.02) 80.000% 100.000%);

In these collections

Secondary color swatches