Back to palettes

Palette

Ethereal Northern Glow

A magical and elusive dance of cool greens and turquoises, mimicking the aurora borealis.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ethereal Northern 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 Ethereal Northern Glow.

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

Data visualization

#32CD32#00FF00#00CED1#48D1CC#E0FFFF

Palette guide

How to use Ethereal Northern Glow

Overview

The 'Ethereal Northern Glow' palette captures the magical and elusive dance of the aurora borealis with its vibrant cool greens and turquoises. Featuring bright lime green #32CD32, intense green #00FF00, deep turquoise #00CED1, medium turquoise #48D1CC, and a light cyan #E0FFFF, this scheme is perfect for conveying energy, mysticism, and futuristic themes. Designers and developers can leverage its high vibrancy to create dynamic interfaces, captivating branding, or digital art that truly pops. It’s ideal for projects seeking an energetic, cool, and visually striking aesthetic that evokes natural wonders.

Best used for

  • Gaming interfaces and streaming overlays
  • Futuristic tech brand identities
  • Event lighting and visual effects
  • Abstract digital art and animations
  • Vibrant sportswear branding
  • Energetic website headers and landing pages

Suggested color roles

primary

Use #00CED1 (a vibrant, deep turquoise) as a foundational color for headers or significant sections, establishing a strong, cool presence.

secondary

Employ #32CD32 (an energetic lime green) for supporting content, subheadings, or secondary calls to action, adding dynamic contrast.

accent

Apply #00FF00 (an intense bright green) for powerful highlights, interactive states, or call-to-action buttons that demand attention.

background

Utilize #E0FFFF (a light cyan) as a primary background for a bright, expansive feel, or pair with a dark neutral for maximum pop.

text

For optimal readability on light backgrounds, use #00CED1 or black. On very dark backgrounds, #E0FFFF or white ensures high contrast.

Accessibility notes

  • High vibrancy requires careful contrast checking; ensure text on any color meets WCAG AA standards, especially for #00FF00 and #32CD32.
  • Avoid using #00FF00 or #32CD32 for extensive body text due to their intensity; reserve them for accents or large headings.
  • When using #E0FFFF as a background, ensure text colors like #00CED1 or black provide sufficient contrast.
  • Consider using a dark background to make the vibrant greens and turquoises truly glow while maintaining text readability with light text.

Recommended combinations

Aurora Base

Forms a bright, cool UI base, suitable for light-themed websites or gradients that transition smoothly through cool tones.

#E0FFFF · #48D1CC · #00CED1

Electric Glow

Excellent for vibrant accents, call-to-action buttons, or elements that need an intense, energetic, and futuristic pop.

#00FF00 · #32CD32 · #00CED1

Northern Lights

Ideal for dynamic web headers, abstract illustrations, or visual storytelling that mimics the natural phenomenon.

#E0FFFF · #00CED1 · #32CD32

CSS variables

:root {
  --ethereal-northern-glow-1: #32CD32;
  --ethereal-northern-glow-2: #00FF00;
  --ethereal-northern-glow-3: #00CED1;
  --ethereal-northern-glow-4: #48D1CC;
  --ethereal-northern-glow-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-northern-glow": {
        1: "#32CD32",
        2: "#00FF00",
        3: "#00CED1",
        4: "#48D1CC",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

aurora borealis colorsvibrant green turquoisefuturistic UI paletteenergetic cool tonesneon green blue scheme

Palette colors

Hex values

Color 1#32CD32
·
Color 2#00FF00
·
Color 3#00CED1
·
Color 4#48D1CC
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.1:1Fail
1.1:1Fail
2:1Fail
2
1.5:1Fail
1.4:1Fail
1.4:1Fail
1.3:1Fail
3
1.1:1Fail
1.4:1Fail
1:1Fail
1.9:1Fail
4
1.1:1Fail
1.4:1Fail
1:1Fail
1.8:1Fail
5
2:1Fail
1.3:1Fail
1.9:1Fail
1.8:1Fail

Similar palettes

More like Ethereal Northern Glow

View all vibrant
Aurora Borealis Dance
Aurora Borealis Hues
Celestial Veil Dance
Aurora Borealis Glow
Celestial Arctic Dance
Celestial Aurora Glow