Back to palettes

Palette

Aurora Borealis Glow

Captures the elusive dance of light across a dark arctic sky, blending cool blues with vibrant greens.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aurora Borealis Glow reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Aurora Borealis Glow.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#2B3B51#005B96#009B8E#7EDD82#C7F2A4

Palette guide

How to use Aurora Borealis Glow

Overview

The "Aurora Borealis Glow" palette (ID: aurora-borealis-glow-5) captures the elusive dance of light across a dark arctic sky, blending cool blues with vibrant greens. It begins with a deep, grounding charcoal #2B3B51, moves through a rich sapphire #005B96, a vibrant teal #009B8E, a luminous seafoam #7EDD82, and culminates in a brilliant light green #C7F2A4. This natural and cool palette is perfect for designers looking to evoke a sense of mystique, tranquility, and a connection to the celestial. The harmonious blend of cool tones creates a refreshing and modern aesthetic, ideal for web interfaces, branding, or digital art that aims to be both captivating and serene. It offers a unique blend of depth and vibrancy.

Best used for

  • Environmental conservation websites
  • Outdoor adventure and exploration brands
  • Wellness and mindfulness apps
  • Science and astronomy educational platforms
  • Nature photography portfolios
  • Sustainable living product branding

Suggested color roles

primary

#009B8E - A vibrant teal, ideal for main interactive elements, key headings, or prominent sections to convey clarity and a modern, natural feel.

secondary

#005B96 - A rich sapphire blue, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#C7F2A4 - A brilliant light green, perfect for calls-to-action, hover states, or small decorative elements that need to pop with an energetic, natural glow.

background

#2B3B51 - A deep charcoal blue, providing a sophisticated and grounding foundation against which the lighter, glowing colors can truly shine.

text

#C7F2A4 - A light green that offers excellent readability on #2B3B51 or #005B96, or use a crisp white for general body text on the darkest backgrounds.

Accessibility notes

  • Ensure #C7F2A4 or #7EDD82 has sufficient contrast when used for text on #2B3B51 or #005B96 backgrounds.
  • #009B8E can be used for headings on #2B3B51, but always verify contrast for smaller text.
  • Avoid using #005B96 text directly on #009B8E, as the contrast might be insufficient.
  • For optimal readability, use a very light color (like #C7F2A4 or white) for body text on the darkest palette shades.

Recommended combinations

Deep Ocean

Robust website footers, elegant dashboards, or professional presentations.

#2B3B51 · #005B96 · #009B8E

Northern Glow

Vibrant hero sections, engaging infographics, or serene app interfaces.

#009B8E · #7EDD82 · #C7F2A4

Mystic Twilight

Dynamic gradient backgrounds, celestial-themed graphics, or impactful presentations.

#2B3B51 · #7EDD82 · #C7F2A4

CSS variables

:root {
  --aurora-borealis-glow-5-1: #2B3B51;
  --aurora-borealis-glow-5-2: #005B96;
  --aurora-borealis-glow-5-3: #009B8E;
  --aurora-borealis-glow-5-4: #7EDD82;
  --aurora-borealis-glow-5-5: #C7F2A4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-glow-5": {
        1: "#2B3B51",
        2: "#005B96",
        3: "#009B8E",
        4: "#7EDD82",
        5: "#C7F2A4",
      }
    }
  }
}

Related searches

cool green blue palettenorthern lights glow colorsmystical sky brandingnatural aurora UIethereal blue green scheme

Palette colors

Hex values

Color 1#2B3B51
·
Color 2#005B96
·
Color 3#009B8E
·
Color 4#7EDD82
·
Color 5#C7F2A4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.3:1AA18
6.8:1AA
9:1AAA
2
1.6:1Fail
2.1:1Fail
4.3:1AA18
5.7:1AA
3
3.3:1AA18
2.1:1Fail
2.1:1Fail
2.7:1Fail
4
6.8:1AA
4.3:1AA18
2.1:1Fail
1.3:1Fail
5
9:1AAA
5.7:1AA
2.7:1Fail
1.3:1Fail

Similar palettes

More like Aurora Borealis Glow

View all cool
Forest Nymph Whisper
Whispering Grassland Dawn
Azure Coast Relic
Bohemian Sky Weave
Celestial Ocean Mirror
Coastal Rockpool