Back to palettes

Palette

Aurora Sky Shimmer

Enchanting greens, teals, and purples that capture the ethereal, dancing lights of the polar aurora in the night sky.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aurora Sky Shimmer 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 Sky Shimmer.

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

Data visualization

#008080#00FF7F#40E0D0#8A2BE2#9400D3

Palette guide

How to use Aurora Sky Shimmer

Overview

The "Aurora Sky Shimmer" palette features enchanting greens, teals, and purples that capture the ethereal, dancing lights of the polar aurora in the night sky. This vibrant collection includes a deep teal #008080, a luminous spring green #00FF7F, a vibrant turquoise #40E0D0, an ethereal blue-violet #8A2BE2, and a striking dark violet #9400D3. It's ideal for designers seeking to evoke energy, mystique, and a strong connection to the celestial. The interplay of cool greens and rich purples creates dynamic visual compositions, perfect for branding, web design, or digital art that aims to be both captivating and energetic. It offers a truly expressive and magical aesthetic.

Best used for

  • Gaming interfaces and streaming platforms
  • Sci-fi or fantasy themed websites
  • Music event promotions or album art
  • Modern tech and software branding
  • Digital art and abstract illustrations
  • Youth-oriented energetic brands

Suggested color roles

primary

#40E0D0 - A vibrant turquoise, ideal for main interactive elements, key calls-to-action, or prominent sections that demand attention and convey energy.

secondary

#008080 - A deep teal, excellent for supporting content, subheadings, or backgrounds that provide an earthy, mysterious feel.

accent

#00FF7F - A luminous spring green, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#9400D3 - A striking dark violet, providing a sophisticated and dramatic foundation against which the vibrant greens and blues truly shine.

text

#00FF7F - A luminous spring green that offers excellent readability on #9400D3 or #008080, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

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

Recommended combinations

Cosmic Play

Dynamic website headers, playful branding, or energetic app interfaces.

#008080 · #40E0D0 · #00FF7F

Aurora Glow

Vibrant infographics, celestial illustrations, or cheerful marketing materials.

#40E0D0 · #8A2BE2 · #9400D3

Night Shimmer

Impactful presentations, futuristic UI elements, or striking event promotions.

#008080 · #8A2BE2 · #00FF7F

CSS variables

:root {
  --aurora-sky-shimmer-1: #008080;
  --aurora-sky-shimmer-2: #00FF7F;
  --aurora-sky-shimmer-3: #40E0D0;
  --aurora-sky-shimmer-4: #8A2BE2;
  --aurora-sky-shimmer-5: #9400D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-sky-shimmer": {
        1: "#008080",
        2: "#00FF7F",
        3: "#40E0D0",
        4: "#8A2BE2",
        5: "#9400D3",
      }
    }
  }
}

Related searches

aurora green purple palettecelestial night colorsvibrant northern lights themeenergetic mystical UIcool green blue purple

Palette colors

Hex values

Color 1#008080
·
Color 2#00FF7F
·
Color 3#40E0D0
·
Color 4#8A2BE2
·
Color 5#9400D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.5:1AA18
2.9:1Fail
1.2:1Fail
1.4:1Fail
2
3.5:1AA18
1.2:1Fail
4.4:1AA18
4.9:1AA
3
2.9:1Fail
1.2:1Fail
3.6:1AA18
4:1AA18
4
1.2:1Fail
4.4:1AA18
3.6:1AA18
1.1:1Fail
5
1.4:1Fail
4.9:1AA
4:1AA18
1.1:1Fail

Similar palettes

More like Aurora Sky Shimmer

View all vibrant
Aurora Borealis
Celestial Aurora Dance
Northern Lights Magic
Spectral Sky Dance
Aurora Borealis Dance
Aurora Forest Glow