Back to palettes

Palette

Aurora Borealis Dream

Deep, mysterious blues and greens that capture the ethereal dance of the Aurora Borealis in the night sky.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A1128#122A4E#2C5364#4C8B8E#97D0C4

Palette guide

How to use Aurora Borealis Dream

Overview

The "Aurora Borealis Dream" palette (ID: aurora-borealis-dream-5) captures the ethereal dance of the Aurora Borealis in the night sky with deep, mysterious blues and greens. This palette features a profound midnight blue #0A1128, a rich sapphire #122A4E, a muted teal #2C5364, a vibrant seafoam #4C8B8E, and a luminous mint #97D0C4. It's a superb choice for designers aiming to create an elegant, calm, and sophisticated aesthetic with a touch of cosmic wonder. The progression from dark to light allows for excellent depth and gradient possibilities, making it highly versatile for web design, brand identities, and digital art that seeks to evoke tranquility and a connection to the celestial.

Best used for

  • High-end tech or software interfaces
  • Luxury travel agencies (arctic destinations)
  • Wellness and mindfulness apps
  • Astronomy or science-related content
  • Elegant personal portfolios
  • Night-themed event branding

Suggested color roles

primary

#2C5364 - A balanced muted teal, ideal for main navigational elements, key graphics, or sections that convey sophistication and calm.

secondary

#122A4E - A rich sapphire blue, excellent for supporting content, subheadings, or backgrounds that require depth and a sense of luxury.

accent

#97D0C4 - A luminous mint, perfect for calls-to-action, interactive states, or small decorative details that need to glow and attract attention.

background

#0A1128 - A very deep midnight blue, providing a dramatic and elegant canvas that makes the lighter blues and greens truly shimmer.

text

#97D0C4 - A light mint offering excellent readability on #0A1128 or #122A4E, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

  • Ensure #97D0C4 or #4C8B8E has sufficient contrast when used for text on #0A1128 or #122A4E backgrounds.
  • #2C5364 can be used for headings on #0A1128, but always verify contrast for smaller text.
  • Avoid using #122A4E text directly on #2C5364, as the contrast might be insufficient.
  • For optimal readability, use a very light color (like #97D0C4 or white) for body text on the darker palette shades.

Recommended combinations

Deep Cosmos

Dark mode interfaces, elegant corporate branding, or sophisticated digital art backgrounds.

#0A1128 · #122A4E · #2C5364

Celestial Shimmer

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

#2C5364 · #4C8B8E · #97D0C4

Night Sky Glow

Dynamic gradient backgrounds, ethereal web design elements, or impactful presentations.

#0A1128 · #4C8B8E · #97D0C4

CSS variables

:root {
  --aurora-borealis-dream-5-1: #0A1128;
  --aurora-borealis-dream-5-2: #122A4E;
  --aurora-borealis-dream-5-3: #2C5364;
  --aurora-borealis-dream-5-4: #4C8B8E;
  --aurora-borealis-dream-5-5: #97D0C4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-dream-5": {
        1: "#0A1128",
        2: "#122A4E",
        3: "#2C5364",
        4: "#4C8B8E",
        5: "#97D0C4",
      }
    }
  }
}

Related searches

dark blue green auroraethereal celestial palettenorthern lights UI colorssophisticated bluegreen schemecalm cosmic branding

Palette colors

Hex values

Color 1#0A1128
·
Color 2#122A4E
·
Color 3#2C5364
·
Color 4#4C8B8E
·
Color 5#97D0C4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.3:1Fail
4.8:1AA
10.8:1AAA
2
1.3:1Fail
1.7:1Fail
3.7:1AA18
8.3:1AAA
3
2.3:1Fail
1.7:1Fail
2.1:1Fail
4.8:1AA
4
4.8:1AA
3.7:1AA18
2.1:1Fail
2.3:1Fail
5
10.8:1AAA
8.3:1AAA
4.8:1AA
2.3:1Fail

Similar palettes

More like Aurora Borealis Dream

View all dark
Cosmic Dust Whisper
Astral Bloom Vision
Celestial Altar Stone
Celestial Deep Blue
Celestial Dust Trail
Celestial Glimmer Dust