Palette

Aurora Borealis Hues

A dazzling display of vibrant, ethereal colors dancing across the cold night sky.

coolenergetic5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aurora Borealis Hues 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 Hues.

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

Data visualization

#008080#191970#4B0082#9400D3#C8A2C8

Palette guide

How to use Aurora Borealis Hues

Overview

The "Aurora Borealis Hues" palette (ID: aurora-borealis-hues) is a dazzling display of vibrant, ethereal colors dancing across the cold night sky. It features a deep teal #008080, a profound navy #191970, a rich indigo #4B0082, a striking dark violet #9400D3, and a soft lavender-gray #C8A2C8. This energetic and cool palette is ideal for designers looking to create mystical, sophisticated, or visually captivating experiences. The contrast between the deep, dark tones and the luminous purples and teals makes it perfect for digital interfaces, branding, or digital art that aims for a powerful and enchanting aesthetic. It offers depth, vibrancy, and a touch of magic.

Best used for

Luxury event invitations or decor
Cosmic or space-themed branding
High-end fashion or beauty websites
Digital art and fantasy illustrations
Mystical or spiritual content platforms
Nightlife or entertainment branding

Suggested color roles

primary

#4B0082 - A rich indigo, ideal for main brand elements, important headings, or sections that convey depth, luxury, and mystery.

secondary

#191970 - A profound navy, excellent for supporting panels, sub-sections, or subtle backgrounds, adding a layer of sophistication.

accent

#9400D3 - A striking dark violet, perfect for calls-to-action, interactive states, or small decorative elements that need to glow and attract attention.

background

#008080 - A deep teal, providing a sophisticated and grounding foundation against which the luminous purples and lighter teal truly shimmer.

text

#C8A2C8 - A soft lavender-gray that offers excellent readability on #008080 or #191970, or use a crisp white for general body text on the darkest backgrounds.

Accessibility notes

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

Recommended combinations

Deep Cosmos

Elegant dark mode UI, sophisticated branding, or dramatic digital backgrounds.

#008080 · #191970 · #4B0082

Aurora Sparkle

Vibrant hero sections, celestial infographics, or ethereal artistic designs.

#4B0082 · #9400D3 · #C8A2C8

Night Sky Glow

Dynamic gradient backgrounds, futuristic UI elements, or striking event promotions.

#008080 · #9400D3 · #C8A2C8

CSS variables

:root {
  --aurora-borealis-hues-1: #008080;
  --aurora-borealis-hues-2: #191970;
  --aurora-borealis-hues-3: #4B0082;
  --aurora-borealis-hues-4: #9400D3;
  --aurora-borealis-hues-5: #C8A2C8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-hues": {
        1: "#008080",
        2: "#191970",
        3: "#4B0082",
        4: "#9400D3",
        5: "#C8A2C8",
      }
    }
  }
}

Hex values

Color 1#008080

Color 2#191970

Color 3#4B0082

Color 4#9400D3

Color 5#C8A2C8

Accessibility

Contrast checker

3.1:1AA18

2.7:1Fail

1.4:1Fail

2.1:1Fail

3.1:1AA18

1.1:1Fail

2.3:1Fail

6.7:1AA

2.7:1Fail

1.1:1Fail

2:1Fail

5.8:1AA

1.4:1Fail

2.3:1Fail

2:1Fail

3:1Fail

2.1:1Fail

6.7:1AA

5.8:1AA

3:1Fail

Similar palettes

More like Aurora Borealis Hues

View all cool

Aurora Borealis Glow

Aurora Borealis Dream

Aegean Blue Depths

Aqua Marine Sparkle

Aqua Ocean Shimmer

Arctic Aurora Shimmer