Back to palettes

Palette

Celestial Aurora Dream

Captures the elusive, dancing light of the aurora borealis across a deep, cold night sky.

coolelegant5 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

#0F4C5C#2B697F#5EA2B7#073B4C#488FB2

Palette guide

How to use Celestial Aurora Dream

Overview

The Celestial Aurora Dream palette captures the elusive, dancing light of the aurora borealis across a deep, cold night sky. This cool-toned collection features a deep teal-navy #073B4C as its anchor, complemented by rich blue-greens like #0F4C5C and #2B697F. Lighter, ethereal blues #488FB2 and #5EA2B7 provide a dreamy, atmospheric lift. This palette is exceptionally useful for designers and developers aiming for a sophisticated, tranquil, and slightly mysterious aesthetic. It's perfect for conveying depth, calm, and a touch of understated elegance in digital interfaces, branding, and editorial designs.

Best used for

  • Luxury travel or cruise line branding
  • High-end spa or wellness resorts
  • Elegant corporate websites
  • Environmental or conservation initiatives
  • Dreamy digital art and illustrations
  • Sophisticated mobile app design

Suggested color roles

primary

#073B4C - The deepest blue-green, ideal for expansive backgrounds, headers, or main structural elements, providing a strong, elegant foundation.

secondary

#0F4C5C - Use for subheadings, navigation bars, or darker content panels, offering depth without starkness.

accent

#5EA2B7 - A bright, clear blue, perfect for call-to-action buttons, interactive elements, or subtle highlights that need to stand out.

background

#5EA2B7 - Can serve as a lighter, airy background for specific sections, or use a very light off-white with the darker blues for text.

text

#073B4C - Provides excellent readability on lighter backgrounds (e.g., a pure white or very light gray), ensuring legibility and maintaining the cool tone.

Accessibility notes

  • Ensure #073B4C text on a light background (like a near-white) meets WCAG AAA contrast.
  • #5EA2B7 might have insufficient contrast on #488FB2 or similar light blues; use with caution for text.
  • For dark mode, use white or a very light gray text on #073B4C or #0F4C5C.
  • Use #488FB2 sparingly for text, primarily for larger headings if the background is sufficiently dark.

Recommended combinations

Deep Serenity

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

#073B4C · #2B697F · #5EA2B7

Coastal Dream

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

#0F4C5C · #488FB2 · #073B4C

Aurora Shimmer

Strong dark background with shimmering light blues for ethereal details and text.

#073B4C · #5EA2B7 · #488FB2

CSS variables

:root {
  --celestial-aurora-dream-2-1: #0F4C5C;
  --celestial-aurora-dream-2-2: #2B697F;
  --celestial-aurora-dream-2-3: #5EA2B7;
  --celestial-aurora-dream-2-4: #073B4C;
  --celestial-aurora-dream-2-5: #488FB2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-aurora-dream-2": {
        1: "#0F4C5C",
        2: "#2B697F",
        3: "#5EA2B7",
        4: "#073B4C",
        5: "#488FB2",
      }
    }
  }
}

Related searches

blue green aurora paletteelegant cool tonesmysterious teal blue schemesophisticated night sky colorstranquil digital design

Palette colors

Hex values

Color 1#0F4C5C
·
Color 2#2B697F
·
Color 3#5EA2B7
·
Color 4#073B4C
·
Color 5#488FB2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.3:1AA18
1.3:1Fail
2.6:1Fail
2
1.6:1Fail
2.1:1Fail
2:1Fail
1.7:1Fail
3
3.3:1AA18
2.1:1Fail
4.2:1AA18
1.3:1Fail
4
1.3:1Fail
2:1Fail
4.2:1AA18
3.4:1AA18
5
2.6:1Fail
1.7:1Fail
1.3:1Fail
3.4:1AA18

Similar palettes

More like Celestial Aurora Dream

View all cool
Galactic Aurora Borealis
Amethyst Sky
Aurora Borealis Glow
Aurora Horizon Whisper
Aurora Ice Shard
Aurora Shimmer Dance