Violet pink orange energy blocks

Rainbow from orange to dark green color palette

The Violet pink orange energy blocks brings together orange, blue, red, and teal. Angular swatches, 4 colors at 180°: #fa8c06, #3b37bd, #f95385, #1a4a44. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#fa8c06
#3b37bd
#f95385
#1a4a44

CSS

background: conic-gradient(from 180deg, oklch(74.41% 0.1750 59.06) 0.000% 25.000%, oklch(43.70% 0.2012 275.34) 25.000% 50.000%, oklch(68.11% 0.2039 6.22) 50.000% 75.000%, oklch(37.40% 0.0524 183.76) 75.000% 100.000%);

In these collections

Energetic swatches