Back to palettes

Palette

Galactic Aurora Borealis

A celestial blend of deep night blues and shimmering light blue, echoing cosmic phenomena.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A0F1D#2B3D6B#5F7DC4#9FD6EF#CDEBFA

Palette guide

How to use Galactic Aurora Borealis

Overview

The Galactic Aurora Borealis palette offers a sophisticated blend of deep night blues and shimmering light blues, echoing cosmic phenomena with an elegant touch. Featuring a near-black #0A0F1D, rich deep blue #2B3D6B, a versatile mid-blue #5F7DC4, an ethereal light blue #9FD6EF, and a soft pale blue #CDEBFA, this palette is highly useful for designers crafting refined digital experiences. Its cool, calming nature is perfect for conveying trust, professionalism, and a sense of vastness. Developers will find these shades excellent for creating dark mode interfaces or serene atmospheric backgrounds.

Best used for

  • Elegant corporate branding
  • Space-themed applications and websites
  • Luxury product showcases
  • Scientific visualizations and infographics
  • Serene background illustrations
  • Professional dark mode interfaces

Suggested color roles

primary

#0A0F1D provides a deep, sophisticated anchor, perfect for main backgrounds or strong headers.

secondary

#2B3D6B serves as a rich supporting blue, ideal for sub-headers or secondary content blocks.

accent

#9FD6EF offers a bright, ethereal highlight for interactive elements or subtle glow effects.

background

#0A0F1D for immersive dark modes, or #CDEBFA for a clean, light aesthetic.

text

White or a very light grey on dark backgrounds, and #0A0F1D or a dark charcoal on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using #2B3D6B for text on #0A0F1D, especially for smaller fonts.
  • The lighter blues like #9FD6EF and #CDEBFA require dark text for optimal readability.
  • Verify that text on #5F7DC4 maintains a high enough contrast ratio for accessibility standards.
  • Avoid using light text on #9FD6EF as it may lack sufficient contrast.

Recommended combinations

Deep Contrast

Excellent for dark mode user interfaces, providing clear hierarchy and readability.

#0A0F1D · #5F7DC4 · #CDEBFA

Light & Airy

Creates a clean, open feel for website layouts or informational graphics.

#CDEBFA · #9FD6EF · #2B3D6B

Balanced Depth

Suitable for header elements, data visualizations, or subtle brand gradients.

#2B3D6B · #5F7DC4 · #9FD6EF

CSS variables

:root {
  --galactic-aurora-borealis-1: #0A0F1D;
  --galactic-aurora-borealis-2: #2B3D6B;
  --galactic-aurora-borealis-3: #5F7DC4;
  --galactic-aurora-borealis-4: #9FD6EF;
  --galactic-aurora-borealis-5: #CDEBFA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-aurora-borealis": {
        1: "#0A0F1D",
        2: "#2B3D6B",
        3: "#5F7DC4",
        4: "#9FD6EF",
        5: "#CDEBFA",
      }
    }
  }
}

Related searches

elegant blue palettecelestial color schemedark blue light bluespace themed colorsaurora borealis web design

Palette colors

Hex values

Color 1#0A0F1D
·
Color 2#2B3D6B
·
Color 3#5F7DC4
·
Color 4#9FD6EF
·
Color 5#CDEBFA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
4.7:1AA
12.1:1AAA
15.3:1AAA
2
1.8:1Fail
2.6:1Fail
6.7:1AA
8.5:1AAA
3
4.7:1AA
2.6:1Fail
2.6:1Fail
3.2:1AA18
4
12.1:1AAA
6.7:1AA
2.6:1Fail
1.3:1Fail
5
15.3:1AAA
8.5:1AAA
3.2:1AA18
1.3:1Fail

Similar palettes

More like Galactic Aurora Borealis

View all cool
Aurora Borealis Glow
Aurora Horizon Whisper
Aurora Shimmer Dance
Aurora Shimmer Veil
Aurora Sky Glow
Celestial Aurora Dream