Back to palettes

Palette

Aurora Borealis Glow

Shimmering greens and blues capture the magical, ethereal dance of the Northern Lights across a winter sky.

coolelegant5 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

#006400#32CD32#40E0D0#4682B4#00FFFF

Palette guide

How to use Aurora Borealis Glow

Overview

The "Aurora Borealis Glow" palette (ID: aurora-borealis-glow) captures the magical, ethereal dance of the Northern Lights across a winter sky with shimmering greens and blues, creating an elegant and cool feel. It features a deep forest green #006400, a vibrant lime green #32CD32, a striking turquoise #40E0D0, a serene steel blue #4682B4, and a luminous cyan #00FFFF. This palette is ideal for designers looking to infuse sophistication, mystique, and a strong connection to the arctic into their projects. The harmonious blend of cool tones creates a refreshing and modern aesthetic, perfect for web interfaces, branding, or digital art that aims to be both captivating and serene. It offers a truly elegant and ethereal aesthetic.

Best used for

  • Luxury travel agencies (arctic destinations)
  • Environmental conservation websites
  • Wellness and mindfulness apps
  • Modern tech company interfaces
  • Nature-themed digital art
  • High-end product branding

Suggested color roles

primary

#40E0D0 - A striking turquoise, ideal for main interactive elements, key calls-to-action, or prominent sections that convey clarity and elegance.

secondary

#4682B4 - A serene steel blue, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#00FFFF - A luminous cyan, perfect for highlights, hover states, or small decorative elements that need to pop with an energetic, ethereal glow.

background

#006400 - A deep forest green, providing a sophisticated and grounding foundation against which the lighter, glowing colors can truly shine.

text

#00FFFF - A luminous cyan that offers excellent readability on #006400 or #4682B4, or use a crisp white for general body text on the darkest backgrounds.

Accessibility notes

  • Ensure #00FFFF or #40E0D0 has sufficient contrast when used for text on #006400 or #4682B4 backgrounds.
  • #32CD32 can be used for headings on #006400, but always verify contrast for smaller text.
  • Avoid using #4682B4 text directly on #40E0D0, as the contrast might be insufficient.
  • For optimal readability, use a very light color (like #00FFFF or white) for body text on the darkest palette shades.

Recommended combinations

Deep Forest

Robust website footers, elegant dashboards, or nature-documentary branding.

#006400 · #32CD32 · #40E0D0

Northern Glow

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

#40E0D0 · #4682B4 · #00FFFF

Mystic Twilight

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

#006400 · #4682B4 · #00FFFF

CSS variables

:root {
  --aurora-borealis-glow-1: #006400;
  --aurora-borealis-glow-2: #32CD32;
  --aurora-borealis-glow-3: #40E0D0;
  --aurora-borealis-glow-4: #4682B4;
  --aurora-borealis-glow-5: #00FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-glow": {
        1: "#006400",
        2: "#32CD32",
        3: "#40E0D0",
        4: "#4682B4",
        5: "#00FFFF",
      }
    }
  }
}

Related searches

cool green blue palettearctic aurora colorsethereal northern lights themeelegant cool UImystical nature branding

Palette colors

Hex values

Color 1#006400
·
Color 2#32CD32
·
Color 3#40E0D0
·
Color 4#4682B4
·
Color 5#00FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.5:1AA18
4.5:1AA
1.8:1Fail
5.9:1AA
2
3.5:1AA18
1.3:1Fail
1.9:1Fail
1.7:1Fail
3
4.5:1AA
1.3:1Fail
2.5:1Fail
1.3:1Fail
4
1.8:1Fail
1.9:1Fail
2.5:1Fail
3.3:1AA18
5
5.9:1AA
1.7:1Fail
1.3:1Fail
3.3:1AA18

Similar palettes

More like Aurora Borealis Glow

View all cool
Aurora Shimmer Dance
Aurora Shimmer Veil
Aurora Sky Glow
Aurora Horizon Whisper
Aurora Ice Shard
Celestial Dewdrop Gleam