Orange, emerald and magenta secondary color palette

Rainbow from orange to purple color palette

The Orange, emerald and magenta secondary color palette brings together orange, yellow, green, teal, and purple. Angular swatches, 6 colors at 45°: #f8783b, #b0b049, #38c568, #42ae40, #618a92, #9c41b9. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#f8783b
#b0b049
#38c568
#42ae40
#618a92
#9c41b9

CSS

background: conic-gradient(from 45deg, oklch(71.26% 0.1736 43.59) 0.000% 16.667%, oklch(73.62% 0.1254 109.11) 16.667% 33.333%, oklch(72.83% 0.1778 150.33) 33.333% 50.000%, oklch(66.54% 0.1791 142.93) 50.000% 66.667%, oklch(60.63% 0.0469 210.56) 66.667% 83.333%, oklch(54.72% 0.1929 317.29) 83.333% 100.000%);

In these collections

Secondary color swatches