Aurora

Colour that drifts like the northern lights

Wide fields of colour that flow and blend slowly behind the page like the northern lights: electric blue, pink, violet and teal over a deep ground. Headings and numbers take the same gradient, and cards get thin coloured edges. For festivals, music, tech and modern brands.

12 designs

What defines this style

Typography: A modern sans used in both light and heavy weights, with large headings filled with a gradient (background-clip: text).
Colour: A deep ground (navy or very dark violet) and four complementary aurora colours (#00E0FF, #FF2E9A, #7B3CFF, #00FF9C or close), slightly raised saturation.
Layout: A big open hero filled by the aurora, widely spaced sections, and a few semi-transparent cards.
Shapes: 18–24px corners, thin gradient edges (a masked border or a double background), and gradient pill buttons.
Imagery: Night-lit or colourful photos, blended into the page with a light colour layer (mix-blend-mode).
Motion: Blurred radial gradients (blur 40–60px) that drift and turn slowly on an 8–12s loop, with a light hue-rotate; they stop with reduced motion.
Details: Gradient numbers, a glowing divider line, a glowing dot before labels.
Avoid: A plain purple-to-blue gradient on white, text over light parts of the gradient without contrast, fast motion.