Palette

Aurora Borealis Dream

Ethereal greens and blues mirroring the mystical, dancing lights of the northern aurora.

coolcalm5 colors

More cool 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

#0A2C2A#155B58#26908A#48C6B9#7FF5EC

Palette guide

How to use Aurora Borealis Dream

Overview

The "Aurora Borealis Dream" palette (ID: aurora-borealis-dream-2) offers an ethereal and cool spectrum of greens and blues, mirroring the mystical, dancing lights of the northern aurora. This palette transitions from a deep, anchoring teal #0A2C2A to a rich forest green #155B58, a vibrant aquamarine #26908A, a bright seafoam #48C6B9, and a luminous, almost neon teal #7FF5EC. It's perfectly suited for designers seeking to evoke a sense of calm, magic, and modernity. The progressive lightness within the greens and blues creates a natural flow, excellent for gradients and visual depth in web interfaces, digital art, or branding that aims for a refreshing and otherworldly aesthetic. Its cool tones are inherently calming yet possess an energetic glow.

Best used for

Wellness and meditation applications
Eco-friendly product branding
Digital art and fantasy illustrations
Modern tech company websites
Jewelry or accessory e-commerce
Spa and relaxation marketing materials

Suggested color roles

primary

#26908A - A balanced aquamarine, ideal for main interactive elements, key headings, or prominent sections to convey clarity and a modern feel.

secondary

#155B58 - A deep forest green, excellent for sub-sections, navigation backgrounds, or supporting text, providing depth and stability.

accent

#7FF5EC - A bright, luminous teal, perfect for calls-to-action, hover states, or small decorative elements that need to capture attention with a magical glow.

background

#0A2C2A - A very deep, almost black teal, providing a sophisticated and grounding foundation against which the lighter, glowing colors can truly shine.

text

#7FF5EC - A luminous teal that offers excellent readability on #0A2C2A, or use a crisp white for general body text on darker backgrounds for maximum contrast.

Accessibility notes

Ensure sufficient contrast for text using #48C6B9 or #26908A on darker backgrounds like #0A2C2A or #155B58.
#7FF5EC provides strong contrast against #0A2C2A, making it suitable for headlines and important information.
Avoid using mid-tones like #155B58 for text directly on #26908A, as contrast might be insufficient.
Consider using a dark charcoal or black text on the lightest shade #7FF5EC for optimal readability.

Recommended combinations

Deep Ocean

Robust branding, serene website footers, or professional presentations.

#0A2C2A · #155B58 · #26908A

Arctic Glow

Vibrant hero images, interactive UI components, or ethereal digital illustrations.

#26908A · #48C6B9 · #7FF5EC

Mystic Depth

Dynamic gradient backgrounds, celestial-themed graphics, or impactful headers.

#0A2C2A · #48C6B9 · #7FF5EC

CSS variables

:root {
  --aurora-borealis-dream-2-1: #0A2C2A;
  --aurora-borealis-dream-2-2: #155B58;
  --aurora-borealis-dream-2-3: #26908A;
  --aurora-borealis-dream-2-4: #48C6B9;
  --aurora-borealis-dream-2-5: #7FF5EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-dream-2": {
        1: "#0A2C2A",
        2: "#155B58",
        3: "#26908A",
        4: "#48C6B9",
        5: "#7FF5EC",
      }
    }
  }
}

Hex values

Color 1#0A2C2A

Color 2#155B58

Color 3#26908A

Color 4#48C6B9

Color 5#7FF5EC

Accessibility

Contrast checker

1.9:1Fail

3.9:1AA18

7.1:1AAA

11.5:1AAA

1.9:1Fail

2:1Fail

3.8:1AA18

6.1:1AA

3.9:1AA18

2:1Fail

1.8:1Fail

3:1Fail

7.1:1AAA

3.8:1AA18

1.8:1Fail

1.6:1Fail

11.5:1AAA

6.1:1AA

3:1Fail

1.6:1Fail

Similar palettes

More like Aurora Borealis Dream

View all cool

Celestial Aurora Dance

Celestial Arctic Bloom