Aurora Borealis
A palette drawn from the vivid, high-chroma end of the blue-green-violet arc: the colors that appear in long-exposure photographs of the northern lights, where saturation is compressed and amplified simultaneously. Cobalt-core-vivid provides the deepest, most intense blue anchor — the color of deep sky at zenith; teal-tone-vivid brings the electric cyan-teal of the aurora's most active bands; mint-core-vivid is the pale, almost-white-green of the aurora's outer glow; violet-nocturne-clear introduces the deep purple-violet of atmospheric depth at the horizon; plum-radiant-clear adds the warm-violet note that appears when the aurora's reds and blues overlap. Together, these five create a palette of extraordinary chromatic intensity that functions best on dark backgrounds — each color carries maximum luminosity against near-black, and the palette loses its celestial character on white.
This palette is designed for dark-background use only — on white or light backgrounds the vivid chroma reads as harsh rather than luminous. Use cobalt-core-vivid and teal-tone-vivid as the dominant hues; reserve plum-radiant-clear and violet-nocturne-clear as accent colors appearing in small quantities. Mint-core-vivid is the palette's lightest and most ethereal entry — it works as a text highlight or glow effect against dark surfaces. For typography, use pure white or the lightest palette entry (mint-core-vivid) for body text, never dark text colors. The palette pairs well with linear gradients between adjacent hues (cobalt to teal, violet to plum) to suggest the sweep and movement of the aurora itself.
Vivid celestial blues, teals, and violets inspired by the northern lights — for premium tech products, atmospheric editorial, and dark-background digital experiences.
Palette
Each swatch links back to its individual archive detail page.
Collections should do more than group swatches. Each one should read like a usable design direction with a clear emotional lane and a real application surface.
This detail route is the missing layer between a generic palette gallery and a convincing design reference. It gives the set a specific point of view.
Ready-made tokens for Aurora Borealis
Palette packs extend these colors into Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.
From one collection to a full pack
This collection proves the taste and color direction. The related packs add more collections, token exports, and usage guidance so the palette can move from reference to implementation.
| Layer | What you have here | What the related packs add |
|---|---|---|
| Scope | One curated five-color editorial direction. | More collections, broader token coverage, and a fuller working set. |
| Output | Visual palette, copyable CSS preview, and per-color archive pages. | Downloadable CSS, JSON, Tailwind, and pack-specific asset bundles. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable product assets. |
