Back to palettes

Palette

Celestial Aurora Dream

A magical gradient of deep blues to ethereal light, capturing the breathtaking dance of the aurora borealis.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0B1C2E#2A3F6C#4B6E9C#8BC1E5#CEF8FF

Palette guide

How to use Celestial Aurora Dream

Overview

The Celestial Aurora Dream palette presents a magical gradient from deep blues to ethereal light, capturing the breathtaking dance of the aurora borealis. Anchored by the profound #0B1C2E, it gracefully transitions through a rich #2A3F6C and a calming #4B6E9C. The lighter, atmospheric blues #8BC1E5 and the nearly white #CEF8FF complete this serene collection. This palette is an excellent choice for designers and developers aiming to create calm, sophisticated, and dreamlike experiences. It's particularly effective for projects requiring a sense of wonder, tranquility, and understated elegance, from digital interfaces to branding.

Best used for

  • Dreamy lifestyle brand websites
  • Meditation or mindfulness apps
  • Ethereal digital art and illustrations
  • Luxury travel marketing (e.g., arctic cruises)
  • Serene interior design concepts
  • Environmental or nature documentary branding

Suggested color roles

primary

#0B1C2E - A very deep navy, ideal for expansive backgrounds, headers, or main structural elements, providing a strong, elegant foundation.

secondary

#2A3F6C - Use for subheadings, navigation, or large content blocks, offering a rich blue that adds depth.

accent

#8BC1E5 - A bright, clear sky blue, perfect for call-to-action buttons, interactive elements, or subtle highlights that need to pop.

background

#CEF8FF - A very light, airy blue, providing an open, clean, and ethereal canvas for content.

text

#0B1C2E - Offers excellent contrast and readability on lighter backgrounds like #CEF8FF, ensuring legibility for body text and headings.

Accessibility notes

  • Ensure #0B1C2E text on #CEF8FF background meets WCAG AAA contrast ratio.
  • #4B6E9C text on #8BC1E5 might have insufficient contrast; check carefully for readability, especially for small text.
  • Avoid using #8BC1E5 text on #CEF8FF for critical information due to very low contrast.
  • For dark mode, use white or #CEF8FF text on #0B1C2E or #2A3F6C backgrounds.

Recommended combinations

Deep Sky

Darkest blue for base, mid-blue for content, and light blue for accents/background.

#0B1C2E · #4B6E9C · #CEF8FF

Ethereal Glow

Rich blue for main elements, a brighter blue for highlights, and a deep anchor.

#2A3F6C · #8BC1E5 · #0B1C2E

Aurora Layers

Graduated blues for a layered, atmospheric design, with the lightest for subtle details.

#0B1C2E · #4B6E9C · #8BC1E5

CSS variables

:root {
  --celestial-aurora-dream-1: #0B1C2E;
  --celestial-aurora-dream-2: #2A3F6C;
  --celestial-aurora-dream-3: #4B6E9C;
  --celestial-aurora-dream-4: #8BC1E5;
  --celestial-aurora-dream-5: #CEF8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-aurora-dream": {
        1: "#0B1C2E",
        2: "#2A3F6C",
        3: "#4B6E9C",
        4: "#8BC1E5",
        5: "#CEF8FF",
      }
    }
  }
}

Related searches

aurora blue gradientethereal night sky colorscalm blue palettedreamy celestial designsophisticated cool tones

Palette colors

Hex values

Color 1#0B1C2E
·
Color 2#2A3F6C
·
Color 3#4B6E9C
·
Color 4#8BC1E5
·
Color 5#CEF8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.3:1AA18
8.9:1AAA
15.2:1AAA
2
1.7:1Fail
2:1Fail
5.4:1AA
9.1:1AAA
3
3.3:1AA18
2:1Fail
2.7:1Fail
4.6:1AA
4
8.9:1AAA
5.4:1AA
2.7:1Fail
1.7:1Fail
5
15.2:1AAA
9.1:1AAA
4.6:1AA
1.7:1Fail

Similar palettes

More like Celestial Aurora Dream

View all cool
Celestial Aurora Whisper
Celestial Shimmer
Stellar Cloudscape
Arctic Aurora Glow
Arctic Sky Aurora
Aurora Borealis Dream