Back to palettes

Palette

Celestial Aurora Dance

Ethereal greens and blues mirroring the enchanting 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 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 Celestial Aurora Dance.

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

Data visualization

#004B49#006F6F#3D7F7F#5CD2E6#A7E8EE

Palette guide

How to use Celestial Aurora Dance

Overview

The Celestial Aurora Dance palette captures the serene and enchanting movement of the Aurora Borealis with its ethereal blend of greens and blues. Starting with a deep, mystical teal #004B49, it progresses through a rich #006F6F and a calming #3D7F7F. Lighter, more airy blues like #5CD2E6 and the nearly white #A7E8EE complete this harmonious collection. This palette is ideal for designers and developers looking to create calm, sophisticated, and nature-inspired designs, perfect for wellness applications, eco-conscious branding, or any project aiming for a refreshing and balanced aesthetic.

Best used for

  • Eco-friendly product branding
  • Wellness and meditation apps
  • Nature-inspired website designs
  • Serene interior design concepts
  • Spa or holistic health marketing
  • Environmental awareness campaigns

Suggested color roles

primary

#004B49 - A deep, rich teal, excellent for foundational elements, headers, or backgrounds that require a sense of depth and stability.

secondary

#006F6F - Use for subheadings, navigation, or large content blocks, providing a strong yet calming presence.

accent

#5CD2E6 - A bright, refreshing sky blue, perfect for call-to-action buttons, interactive elements, or subtle highlights.

background

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

text

#004B49 - Offers excellent contrast and readability against lighter backgrounds like #A7E8EE, ideal for body text.

Accessibility notes

  • Ensure #004B49 text on #A7E8EE background meets WCAG AAA contrast ratio.
  • #3D7F7F text on #A7E8EE might have insufficient contrast; check carefully for readability.
  • Avoid using #5CD2E6 text on #A7E8EE for any critical information due to low contrast.
  • For headings, #006F6F provides good contrast on #A7E8EE, maintaining the palette's cool tone.

Recommended combinations

Ethereal Flow

Deep teal base, bright blue accents, and a very light blue-green background for a fresh look.

#004B49 · #5CD2E6 · #A7E8EE

Mystic Waters

Mid-teal for main content, a lighter teal for secondary elements, and a soft background.

#006F6F · #3D7F7F · #A7E8EE

Aurora Whisper

Dark, grounding teal with a calming mid-teal and a vibrant sky blue for highlights.

#004B49 · #3D7F7F · #5CD2E6

CSS variables

:root {
  --celestial-aurora-dance-2-1: #004B49;
  --celestial-aurora-dance-2-2: #006F6F;
  --celestial-aurora-dance-2-3: #3D7F7F;
  --celestial-aurora-dance-2-4: #5CD2E6;
  --celestial-aurora-dance-2-5: #A7E8EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-aurora-dance-2": {
        1: "#004B49",
        2: "#006F6F",
        3: "#3D7F7F",
        4: "#5CD2E6",
        5: "#A7E8EE",
      }
    }
  }
}

Related searches

teal blue green paletteserene aurora colorsnature inspired cool tonescalm ethereal designbalanced green blue scheme

Palette colors

Hex values

Color 1#004B49
·
Color 2#006F6F
·
Color 3#3D7F7F
·
Color 4#5CD2E6
·
Color 5#A7E8EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.2:1Fail
5.6:1AA
7.3:1AAA
2
1.7:1Fail
1.3:1Fail
3.4:1AA18
4.4:1AA18
3
2.2:1Fail
1.3:1Fail
2.6:1Fail
3.4:1AA18
4
5.6:1AA
3.4:1AA18
2.6:1Fail
1.3:1Fail
5
7.3:1AAA
4.4:1AA18
3.4:1AA18
1.3:1Fail

Similar palettes

More like Celestial Aurora Dance

View all cool
Aurora Borealis Dream
Celestial Arctic Bloom
Alpine Lake Serene
Aquatic Coral Garden
Aquatic Moss Garden
Arctic Frost Jewel