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.
Each swatch links back to its individual archive detail page.
Ready-made tokens for Aurora Borealis
Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.
This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.
| Layer | What you have here | What Pro adds |
|---|---|---|
| Scope | One curated palette of 5 colors. | The same palettes, with no daily export cap anywhere on the site. |
| Output | HEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in. | No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable production assets. |