Aurora Borealis Color Palette

Updated April 17, 2026

A mystical aurora borealis color palette — emerald green, violet, deep navy, and silver. Hex codes for ethereal, cosmic, and futuristic designs.

The Aurora Borealis Palette

• Aurora Glow #ECFCCB rgb(236, 252, 203) hsl(80, 89%, 89%)
• Aurora Green #34D399 rgb(52, 211, 153) hsl(158, 64%, 52%)
• Aurora Teal #22D3EE rgb(34, 211, 238) hsl(188, 86%, 53%)
• Aurora Violet #8B5CF6 rgb(139, 92, 246) hsl(258, 90%, 66%)
• Night Sky #1E1B4B rgb(30, 27, 75) hsl(244, 47%, 20%)
• Deep Space #0F172A rgb(15, 23, 42) hsl(222, 47%, 11%)

Hex Codes at a Glance

#ECFCCB, #34D399, #22D3EE, #8B5CF6, #1E1B4B, #0F172A

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This aurora borealis palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.