Back to palettes

Palette

Arctic Sky Aurora

Shimmering blues and lavenders capturing the mysterious dance of the northern lights.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00CED1#4682B4#87CEEB#E0BBE4#957DAD

Palette guide

How to use Arctic Sky Aurora

Overview

The Arctic Sky Aurora palette captures the mysterious dance of the northern lights, with shimmering blues and lavenders. It features a vibrant #00CED1 (Dark Turquoise), transitioning through the robust #4682B4 (Steel Blue) and classic #87CEEB (Sky Blue). Unique to this palette are the soft #E0BBE4 (Lavender) and the muted #957DAD (medium purple-grey), introducing an ethereal, magical quality. This palette is perfect for designers and developers aiming to create captivating, imaginative, and tranquil experiences. Its blend of cool blues with subtle purples offers versatility for artistic branding, immersive digital environments, or creative storytelling.

Best used for

  • Creative and artistic portfolios
  • Fantasy or mystical game interfaces
  • Wellness and spiritual apps
  • Event branding (e.g., festivals)
  • Cosmetic or beauty product lines
  • Digital art and illustration

Suggested color roles

primary

The deep #4682B4 provides a solid primary for foundational elements, ensuring stability amidst the ethereal tones.

secondary

Use the vibrant #00CED1 for secondary actions, subheadings, or active states, adding a lively, refreshing pop.

accent

The soft #E0BBE4 or #957DAD can serve as unique accents for highlights, decorative elements, or interactive states, adding a magical touch.

background

Employ #87CEEB as a serene background, evoking a clear sky, or #4682B4 for a moodier, deeper atmosphere.

text

For light backgrounds, use #4682B4 or black for primary text. For darker backgrounds, #E0BBE4 or white offers excellent readability.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using #E0BBE4 or #957DAD for text on mid-tone blues.
  • The vibrant #00CED1 should have strong contrast when used for text against #4682B4 or #87CEEB.
  • Verify that all interactive elements meet WCAG AA contrast standards, particularly for smaller UI components.
  • Consider pairing #4682B4 with #E0BBE4 or white for critical text on dark backgrounds to ensure legibility.

Recommended combinations

Aurora Borealis

Excellent for gradients, hero sections, or abstract art that aims to capture the ethereal glow of the northern lights.

#00CED1 · #87CEEB · #E0BBE4

Mystic Depths

Ideal for creating a sophisticated, moody backdrop, using the purples for subtle highlights or decorative text.

#4682B4 · #957DAD · #E0BBE4

Sky Glimmer

Use for navigation or calls-to-action, leveraging the bright turquoise to draw attention within the blue spectrum.

#87CEEB · #00CED1 · #4682B4

CSS variables

:root {
  --arctic-sky-aurora-1: #00CED1;
  --arctic-sky-aurora-2: #4682B4;
  --arctic-sky-aurora-3: #87CEEB;
  --arctic-sky-aurora-4: #E0BBE4;
  --arctic-sky-aurora-5: #957DAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-sky-aurora": {
        1: "#00CED1",
        2: "#4682B4",
        3: "#87CEEB",
        4: "#E0BBE4",
        5: "#957DAD",
      }
    }
  }
}

Related searches

aurora inspired colorsblue purple paletteethereal web designmystical color schemenorthern lights branding

Palette colors

Hex values

Color 1#00CED1
·
Color 2#4682B4
·
Color 3#87CEEB
·
Color 4#E0BBE4
·
Color 5#957DAD
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.1:1Fail
1.2:1Fail
1.8:1Fail
2
2.1:1Fail
2.4:1Fail
2.4:1Fail
1.1:1Fail
3
1.1:1Fail
2.4:1Fail
1:1Fail
2.1:1Fail
4
1.2:1Fail
2.4:1Fail
1:1Fail
2.1:1Fail
5
1.8:1Fail
1.1:1Fail
2.1:1Fail
2.1:1Fail

Similar palettes

More like Arctic Sky Aurora

View all cool
Arctic Sky Whisper
Celestial Azure Drift
Celestial Cloud Dust
Celestial Cloudscape
Celestial Glow
Celestial Ocean Dream