Back to palettes

Palette

Celestial Arctic Dance

A magical fusion of deep midnight blues and ethereal, glowing greens from the Arctic sky.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Arctic 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 Arctic Dance.

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

Data visualization

#000033#003366#33CC99#66FFCC#CCFFCC

Palette guide

How to use Celestial Arctic Dance

Overview

The Celestial Arctic Dance palette captures the vibrant energy of an aurora-lit night sky. It blends deep, mysterious blues like #000033 and #003366 with electrifying, luminous greens such as #33CC99 and #66FFCC. The soft, almost glowing #CCFFCC provides a perfect ethereal touch, creating a dynamic and magical atmosphere. This palette is excellent for designers and developers aiming to infuse projects with a sense of wonder, energy, and modernity. Its bold contrasts and vibrant hues are particularly effective for digital experiences, gaming interfaces, and visionary branding.

Best used for

  • Sci-fi or fantasy game UI
  • Youthful tech startup branding
  • Event promotions (music, art)
  • Digital art and illustration
  • Dynamic website headers and hero sections
  • Interactive educational platforms

Suggested color roles

primary

#000033 - A very deep navy, ideal for expansive backgrounds, navigation bars, or sophisticated dark mode interfaces.

secondary

#003366 - Use for secondary headings, large text blocks, or subtle gradients to add depth to the primary dark.

accent

#33CC99 - A vibrant teal-green, perfect for call-to-action buttons, interactive elements, or key data visualizations.

background

#000033 - Provides a dark, immersive canvas, allowing the brighter greens to truly pop.

text

#CCFFCC - A light, glowing green that offers excellent contrast and a futuristic feel against the dark blues.

Accessibility notes

  • Ensure #CCFFCC text on #000033 background meets WCAG AAA contrast for body text.
  • #33CC99 and #66FFCC are very bright; use them sparingly as accents to avoid eye strain.
  • For smaller text, use #CCFFCC on #000033 or #003366 to guarantee readability.
  • Consider a slightly darker text color, like #003366, on #CCFFCC if used as a background for specific elements.

Recommended combinations

Aurora Glow

Dark background with a vibrant teal accent and a luminous light green for text or highlights.

#000033 · #33CC99 · #CCFFCC

Midnight Energy

Mid-dark blue for structure, electric green for key features, and deep navy for grounding.

#003366 · #66FFCC · #000033

Ethereal Shift

Graduated dark blues with a striking teal accent for a dynamic, layered look.

#000033 · #003366 · #33CC99

CSS variables

:root {
  --celestial-arctic-dance-1: #000033;
  --celestial-arctic-dance-2: #003366;
  --celestial-arctic-dance-3: #33CC99;
  --celestial-arctic-dance-4: #66FFCC;
  --celestial-arctic-dance-5: #CCFFCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-arctic-dance": {
        1: "#000033",
        2: "#003366",
        3: "#33CC99",
        4: "#66FFCC",
        5: "#CCFFCC",
      }
    }
  }
}

Related searches

aurora borealis color schemeneon green blue palettevibrant night sky colorsfuturistic dark themeenergetic cool tones

Palette colors

Hex values

Color 1#000033
·
Color 2#003366
·
Color 3#33CC99
·
Color 4#66FFCC
·
Color 5#CCFFCC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
9.8:1AAA
16:1AAA
17.9:1AAA
2
1.6:1Fail
6.1:1AA
10.1:1AAA
11.3:1AAA
3
9.8:1AAA
6.1:1AA
1.6:1Fail
1.8:1Fail
4
16:1AAA
10.1:1AAA
1.6:1Fail
1.1:1Fail
5
17.9:1AAA
11.3:1AAA
1.8:1Fail
1.1:1Fail

Similar palettes

More like Celestial Arctic Dance

View all vibrant
Aurora Borealis Hues
Northern Lights Magic
Polar Light Specter
Aurora Borealis Glow
Aurora Borealis Glow
Celestial Aurora Hues