Palette

Aurora Sky Glow

Ethereal and mystical, capturing the dancing, otherworldly lights of the aurora borealis across a deep, cold sky.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#483D8B#00008B#8A2BE2#6495ED#4169E1

Palette guide

How to use Aurora Sky Glow

Overview

The "Aurora Sky Glow" palette is ethereal and mystical, capturing the dancing, otherworldly lights of the aurora borealis across a deep, cold sky, creating an elegant and cool feel. It features a deep slate blue #483D8B, a profound navy #00008B, an ethereal blue-violet #8A2BE2, a vibrant cornflower blue #6495ED, and a bold royal blue #4169E1. This cool palette is ideal for designers looking to infuse sophistication, tranquility, and a touch of cosmic wonder into their projects. The harmonious blend of blues and purples, progressing from dark to light, 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

High-end tech or software interfaces
Luxury travel agencies (arctic destinations)
Wellness and mindfulness apps
Winter-themed branding or events
Science and astronomy educational platforms
Elegant personal portfolios

Suggested color roles

primary

#4169E1 - A bold royal blue, ideal for main interactive elements, key calls-to-action, or prominent sections that convey clarity and elegance.

secondary

#00008B - A profound navy, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#8A2BE2 - An ethereal blue-violet, perfect for highlights, hover states, or small decorative elements that need to pop with an ethereal glow.

background

#483D8B - A deep slate blue, providing a sophisticated and grounding foundation against which the lighter blues and purple truly shine.

text

#6495ED - A vibrant cornflower blue that offers excellent readability on #483D8B or #00008B, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

Ensure #6495ED or #8A2BE2 has sufficient contrast when used for text on #483D8B or #00008B backgrounds.
#4169E1 can be used for headings on #483D8B, but always verify contrast for smaller text.
Avoid using #00008B text directly on #4169E1, as the contrast might be insufficient.
For optimal readability, use a very light color (like #6495ED or white) for body text on the darkest palette shades.

Recommended combinations

Deep Cosmos

Robust website footers, elegant dashboards, or professional presentations.

#483D8B · #00008B · #4169E1

Aurora Shimmer

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

#4169E1 · #6495ED · #8A2BE2

Night Sky Glow

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

#483D8B · #6495ED · #8A2BE2

CSS variables

:root {
  --aurora-sky-glow-1: #483D8B;
  --aurora-sky-glow-2: #00008B;
  --aurora-sky-glow-3: #8A2BE2;
  --aurora-sky-glow-4: #6495ED;
  --aurora-sky-glow-5: #4169E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-sky-glow": {
        1: "#483D8B",
        2: "#00008B",
        3: "#8A2BE2",
        4: "#6495ED",
        5: "#4169E1",
      }
    }
  }
}

Hex values

Color 1#483D8B

Color 2#00008B

Color 3#8A2BE2

Color 4#6495ED

Color 5#4169E1

Accessibility

Contrast checker

1.7:1Fail

1.5:1Fail

3.1:1AA18

1.9:1Fail

1.7:1Fail

2.6:1Fail

5.1:1AA

3.2:1AA18

1.5:1Fail

2.6:1Fail

2:1Fail

1.2:1Fail

3.1:1AA18

5.1:1AA

2:1Fail

1.6:1Fail

1.9:1Fail

3.2:1AA18

1.2:1Fail

1.6:1Fail

Similar palettes

More like Aurora Sky Glow

View all cool

Aurora Horizon Whisper