Twilight cyan aurora bands

The Twilight cyan aurora bands brings together blue, teal, and light magenta. #343752, #4f5cac, #3cb2c3, #f587c1. Edit and export CSS, SVG, PNG or a shader.

4 colors, 4 editable OKLCH keyframes.

#343752
#4f5cac
#3cb2c3
#f587c1

CSS

background: linear-gradient(180deg, oklch(34.65% 0.0469 278.44) 0.000% 25.000%, oklch(50.39% 0.1281 274.21) 25.000% 50.000%, oklch(70.47% 0.1047 208.69) 50.000% 75.000%, oklch(75.98% 0.1502 348.18) 75.000% 100.000%);

In these collections

Aurora swatches