Back to palettes

Palette

Arctic Aurora Hues

Vibrant and ethereal blues and greens that mirror the dancing lights of the majestic aurora borealis.

coolenergetic5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A5ACD#00BFFF#7FFFD4#B0E0E6#C6E2FF

Palette guide

How to use Arctic Aurora Hues

Overview

The Arctic Aurora Hues palette captures the vibrant, ethereal glow of the aurora borealis, offering a dynamic range of cool blues and greens. This energetic collection features the deep violet-blue of #6A5ACD (Slate Blue), the brilliant sky blue of #00BFFF (Deep Sky Blue), and the luminous aqua of #7FFFD4 (Aquamarine). Complementing these are the softer, airy tones of #B0E0E6 (Powder Blue) and #C6E2FF (Light Steel Blue), providing excellent options for backgrounds and subtle accents. Designers can leverage this palette to create immersive, celestial-themed interfaces, branding, or digital art that evoke wonder and a sense of natural beauty. Developers will find these colors versatile for UI elements, data visualizations, and interactive experiences, maintaining a cohesive cool aesthetic.

Best used for

  • Science fiction or fantasy game UIs
  • Nature-inspired branding and websites
  • Digital art and illustration
  • Event promotion for winter festivals or celestial themes
  • Educational content about space or natural phenomena
  • Interactive data dashboards with a cool theme

Suggested color roles

primary

Use #00BFFF (Deep Sky Blue) for key interactive elements and prominent headings to convey energy and clarity.

secondary

#6A5ACD (Slate Blue) works well for subheadings, navigation, or significant graphical elements, offering depth.

accent

#7FFFD4 (Aquamarine) is perfect for highlights, call-to-action buttons, or small decorative details, adding a bright, ethereal pop.

background

Opt for #C6E2FF (Light Steel Blue) or #B0E0E6 (Powder Blue) as a light, airy backdrop that allows other colors to shine.

text

For dark text on light backgrounds like #C6E2FF, use a deep charcoal or black. For text on darker primary colors, use white or a very light gray.

Accessibility notes

  • Ensure sufficient contrast when pairing #00BFFF or #6A5ACD with lighter background colors; check WCAG 2.1 AA standards.
  • Text set in #7FFFD4 will likely require a very dark background for readability, or be reserved for decorative elements.
  • When using #B0E0E6 or #C6E2FF as backgrounds, ensure text colors like black or dark blue have a contrast ratio of at least 4.5:1.
  • Avoid using #B0E0E6 directly on #C6E2FF for small text or critical UI elements due to low contrast.

Recommended combinations

Aurora Sky

Ideal for headers and sub-sections, with the lightest blue as a clean background.

#00BFFF · #6A5ACD · #C6E2FF

Ethereal Glow

Great for highlighting key information or interactive elements against a soft backdrop.

#7FFFD4 · #B0E0E6 · #6A5ACD

Deep Celestial

A striking combination for vibrant graphics, icons, or energetic branding.

#6A5ACD · #00BFFF · #7FFFD4

CSS variables

:root {
  --arctic-aurora-hues-1: #6A5ACD;
  --arctic-aurora-hues-2: #00BFFF;
  --arctic-aurora-hues-3: #7FFFD4;
  --arctic-aurora-hues-4: #B0E0E6;
  --arctic-aurora-hues-5: #C6E2FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-aurora-hues": {
        1: "#6A5ACD",
        2: "#00BFFF",
        3: "#7FFFD4",
        4: "#B0E0E6",
        5: "#C6E2FF",
      }
    }
  }
}

Related searches

aurora borealis color schemecelestial blue green palettevibrant cool color designethereal light colorsarctic inspired website colors

Palette colors

Hex values

Color 1#6A5ACD
·
Color 2#00BFFF
·
Color 3#7FFFD4
·
Color 4#B0E0E6
·
Color 5#C6E2FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
4.3:1AA18
3.7:1AA18
4:1AA18
2
2.5:1Fail
1.7:1Fail
1.5:1Fail
1.6:1Fail
3
4.3:1AA18
1.7:1Fail
1.2:1Fail
1.1:1Fail
4
3.7:1AA18
1.5:1Fail
1.2:1Fail
1.1:1Fail
5
4:1AA18
1.6:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Arctic Aurora Hues

View all cool
Arctic Aurora Shimmer
Celestial Ocean Reef
Polar Light Shimmer
Abstract Ocean Currents
Aegean Blue Depths
Aqua Marine Sparkle