Northern Lights

5 colors · Nature, balance and freshness
← All palettes

Palette colors

Deep Navy
#03071E · rgb(3,7,30) · hsl(231°,82%,6%)
Azure
#0D4F6B · rgb(13,79,107) · hsl(198°,78%,24%)
Fir Green
#1A936F · rgb(26,147,111) · hsl(162°,70%,34%)
Seafoam
#88D498 · rgb(136,212,152) · hsl(133°,47%,68%)
Seafoam
#C6DABF · rgb(198,218,191) · hsl(104°,27%,80%)

CSS Code


    

Using the Northern Lights palette in design

The Northern Lights palette evokes nature, balance and freshness. It consists of 5 colors selected for their visual harmony. Use it for web interfaces, print materials, presentations or visual identities. The dominant color Deep Navy (#03071E) can serve as primary color, with the following hues as secondary and neutral variants. Copy the HEX codes or CSS variables directly into your Figma, Tailwind or stylesheet project.

Psychology and usage of the palette

In color psychology, a palette evoking nature, balance and freshness directly influences the emotional perception of your audience. The 5 colors of the Northern Lights palette are arranged in a harmonious progression — ideal for backgrounds, typography and interface elements. Always check the WCAG contrast of your text on each of these colors to ensure accessibility.

Information
Average color
#4B8576
Colors 5
Dom. hue 164°
Avg. saturation 28%
Avg. lightness 41%
Tone Dark
Quick export