Violet and emerald summer palette

The Violet and emerald summer palette brings together purple, blue, and green. Linear gradient, 7 colors at 270°: #7e2cff, #4343f6, #1f7dc0, #21bc7b, #00f114, #30ff0c, #43f600. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#7e2cff
#4343f6
#1f7dc0
#21bc7b
#00f114
#30ff0c
#43f600

CSS

background: linear-gradient(270deg in oklch, oklch(54.72% 0.2756 291.80) 0.0%, oklch(51.57% 0.2563 272.78) 16.7%, oklch(57.09% 0.1323 245.30) 33.3%, oklch(70.47% 0.1557 158.65) 50.0%, oklch(83.07% 0.2799 142.79) 66.7%, oklch(87.01% 0.2888 141.74) 83.3%, oklch(85.04% 0.2778 140.69) 100.0%);

In these collections

Summer gradients