Palette

Aurora Borealis Dance

Ethereal greens and deep blues dance, reflecting the magical spectacle of the aurora borealis.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#001D2E#004445#2C7873#65B891#ADD781

Palette guide

How to use Aurora Borealis Dance

Overview

The "Aurora Borealis Dance" palette captures the majestic spectacle of the northern lights with a sophisticated blend of deep and vibrant greens and blues. Starting with a profound midnight blue #001D2E, moving through a rich teal #004445, a brighter aquamarine #2C7873, a serene seafoam green #65B891, and culminating in a soft lime #ADD781, this palette offers a harmonious gradient. It's ideal for designers aiming to create elegant, nature-inspired interfaces or branding that conveys a sense of wonder and tranquility. The dark base provides excellent depth, while the lighter greens offer refreshing contrasts, making it versatile for both subtle and energetic applications in web design, branding, and digital art.

Best used for

Environmental or conservation organizations
Outdoor adventure brands
Wellness and meditation apps
High-end tech or software interfaces
Nature photography portfolios
E-commerce for sustainable products

Suggested color roles

primary

#2C7873 - A balanced aquamarine, perfect for main navigational elements, key graphics, or sections that need to feel fresh and inviting.

secondary

#004445 - A deep teal, excellent for supporting content, subheadings, or backgrounds that require a sense of depth and calm.

accent

#ADD781 - A soft, vibrant lime green, ideal for calls-to-action, highlights, or small interactive elements that need to draw attention with a natural glow.

background

#001D2E - A very deep, almost black blue, providing a dramatic and sophisticated canvas that makes the lighter greens and blues truly shimmer.

text

#ADD781 - A light green offering good readability on #001D2E or #004445, or use a crisp white for general body text on darker backgrounds.

Accessibility notes

Ensure #ADD781 or #65B891 has sufficient contrast when used for text on #001D2E or #004445 backgrounds.
#2C7873 can work for headings on #001D2E, but check contrast for smaller font sizes.
Avoid using #004445 or #2C7873 for text on #65B891 or #ADD781 backgrounds due to low contrast.
Consider using a stark white or near-white text for general body copy on the darkest shades for optimal readability.

Recommended combinations

Deep Forest

Robust website footers, elegant dashboards, or nature-documentary branding.

#001D2E · #004445 · #65B891

Northern Glow

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

#2C7873 · #65B891 · #ADD781

Mystic Twilight

Dramatic visual storytelling, celestial themed designs, or impactful presentations.

#001D2E · #2C7873 · #ADD781

CSS variables

:root {
  --aurora-borealis-dance-1: #001D2E;
  --aurora-borealis-dance-2: #004445;
  --aurora-borealis-dance-3: #2C7873;
  --aurora-borealis-dance-4: #65B891;
  --aurora-borealis-dance-5: #ADD781;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-dance": {
        1: "#001D2E",
        2: "#004445",
        3: "#2C7873",
        4: "#65B891",
        5: "#ADD781",
      }
    }
  }
}

Hex values

Color 1#001D2E

Color 2#004445

Color 3#2C7873

Color 4#65B891

Color 5#ADD781

Accessibility

Contrast checker

1.6:1Fail

3.3:1AA18

7.3:1AAA

10.5:1AAA

1.6:1Fail

2.1:1Fail

4.6:1AA

6.7:1AA

3.3:1AA18

2.1:1Fail

2.2:1Fail

3.2:1AA18

7.3:1AAA

4.6:1AA

2.2:1Fail

1.5:1Fail

10.5:1AAA

6.7:1AA

3.2:1AA18

1.5:1Fail

Similar palettes

More like Aurora Borealis Dance

View all vibrant

Celestial Veil Dance

Ethereal Northern Glow

Galactic Aurora Dance

Northern Lights Shimmer

Polar Sky Lumina

Aurora Borealis