Back to palettes

Palette

Northern Glow Shimmer

Mysterious and enchanting purples, mimicking the captivating dance of aurora borealis lights in the sky.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F0C3B#532057#7A3575#A34A94#CB60B2

Palette guide

How to use Northern Glow Shimmer

Overview

The Northern Glow Shimmer palette features mysterious and enchanting purples, mimicking the captivating dance of aurora borealis lights in the sky. This vibrant collection is perfect for designers and developers seeking to create an energetic, mystical, and visually striking aesthetic. It spans from the deep, rich #2F0C3B and #532057 to the luminous #A34A94 and #CB60B2, with #7A3575 providing a compelling mid-tone. This palette is highly effective for projects that demand creativity, excitement, and a touch of the fantastical. It's an excellent choice for branding, digital art, or user interfaces that aim to be memorable and dynamic, capturing the elusive beauty of a night sky spectacle.

Best used for

  • Creative agencies and artistic portfolios
  • Event branding (especially music festivals or nightlife)
  • Beauty and cosmetics product marketing
  • Fantasy-themed games and applications
  • Fashion e-commerce platforms with a unique edge
  • Mystical or spiritual content websites

Suggested color roles

primary

Use #532057 as a rich, grounding primary color for main content blocks or key navigation, offering depth and sophistication.

secondary

Employ #7A3575 for supporting visual elements, subheadings, or secondary calls to action, adding vibrancy and enchantment.

accent

Reserve #CB60B2 for bright, shimmering highlights, critical interactive elements, or eye-catching calls to action, leveraging its luminosity.

background

For a striking effect, use #2F0C3B as a dark, immersive background, allowing the lighter purples to truly glow. Alternatively, a pure white background makes the purples pop.

text

For optimal readability on light backgrounds, use #2F0C3B for body text and headings. On dark backgrounds like #2F0C3B, use #CB60B2 or pure white for maximum contrast.

Accessibility notes

  • When using lighter purples like #A34A94 or #CB60B2 for text, ensure they are on a very dark background (e.g., #2F0C3B) and that font size is adequate for contrast.
  • Avoid low contrast between adjacent purples for small text or essential UI elements; always check readability.
  • Interactive elements should have distinct focus and hover states, possibly using #CB60B2 for a bright, clear indicator.
  • Always test color combinations for text and UI elements with a contrast checker, especially in a vibrant palette like this.

Recommended combinations

Deep Aurora

A deep background (#2F0C3B) with a vibrant accent (#CB60B2) for text or icons, supported by #7A3575 for secondary information.

#2F0C3B · #CB60B2 · #7A3575

Shimmering Glow

Ideal for gradient effects or layered elements, where #A34A94 transitions to #532057, with #CB60B2 as a luminous highlight.

#A34A94 · #532057 · #CB60B2

Enchanted Night

Combines a rich primary (#532057) with a vibrant secondary (#7A3575), anchored by the darkest shade (#2F0C3B) for depth.

#532057 · #7A3575 · #2F0C3B

CSS variables

:root {
  --northern-glow-shimmer-1: #2F0C3B;
  --northern-glow-shimmer-2: #532057;
  --northern-glow-shimmer-3: #7A3575;
  --northern-glow-shimmer-4: #A34A94;
  --northern-glow-shimmer-5: #CB60B2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "northern-glow-shimmer": {
        1: "#2F0C3B",
        2: "#532057",
        3: "#7A3575",
        4: "#A34A94",
        5: "#CB60B2",
      }
    }
  }
}

Related searches

aurora borealis purple palettemystical magenta colorsvibrant northern lights designenchanting UI color schemecreative purple branding

Palette colors

Hex values

Color 1#2F0C3B
·
Color 2#532057
·
Color 3#7A3575
·
Color 4#A34A94
·
Color 5#CB60B2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.2:1AA18
4.7:1AA
2
1.4:1Fail
1.5:1Fail
2.3:1Fail
3.4:1AA18
3
2.1:1Fail
1.5:1Fail
1.5:1Fail
2.3:1Fail
4
3.2:1AA18
2.3:1Fail
1.5:1Fail
1.5:1Fail
5
4.7:1AA
3.4:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Northern Glow Shimmer

View all vibrant
Aurora Borealis Hues
Celestial Veil Dance
Aurora Borealis Dance
Aurora Sky Shimmer
Celestial Aurora Glow
Celestial Aurora Hues