Rose Violet Aurora Bands

Linear swatches, 4 colors at 315°: #d8779e, #744a9a, #443a82, #24305f. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#d8779e
#744a9a
#443a82
#24305f

CSS

background: linear-gradient(315deg, oklch(68.90% 0.1281 355.78) 0.000% 25.000%, oklch(49.21% 0.1295 306.11) 25.000% 50.000%, oklch(39.76% 0.1171 286.04) 50.000% 75.000%, oklch(32.68% 0.0841 270.18) 75.000% 100.000%);

In these collections

Aurora swatches