Back to palettes

Palette

Aurora Shimmer Dance

Ethereal blues and greens capturing the dancing light and shimmering magic of the aurora borealis.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A1E30#203A58#4D768E#8EC9D0#C2F0F3

Palette guide

How to use Aurora Shimmer Dance

Overview

The "Aurora Shimmer Dance" palette captures the dancing light and shimmering magic of the aurora borealis with ethereal blues and greens, creating an elegant and cool feel. It features a profound midnight blue #0A1E30, a rich sapphire #203A58, a muted teal #4D768E, a vibrant seafoam #8EC9D0, and a luminous light cyan #C2F0F3. This cool palette is ideal for designers looking to infuse sophistication, tranquility, and a touch of cosmic wonder into their projects. The harmonious blend of blues and greens, progressing from dark to light, creates a refreshing and modern aesthetic, perfect for web interfaces, branding, or digital art that aims to be both captivating and serene. It offers a truly elegant and ethereal aesthetic.

Best used for

  • High-end tech or software interfaces
  • Luxury travel agencies (arctic destinations)
  • Wellness and mindfulness apps
  • Winter-themed branding or events
  • Science and astronomy educational platforms
  • Elegant personal portfolios

Suggested color roles

primary

#4D768E - A balanced muted teal, ideal for main interactive elements, key calls-to-action, or prominent sections that convey clarity and elegance.

secondary

#203A58 - A rich sapphire blue, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#C2F0F3 - A luminous light cyan, perfect for highlights, hover states, or small decorative elements that need to pop with an ethereal glow.

background

#0A1E30 - A profound midnight blue, providing a sophisticated and grounding foundation against which the lighter blues and greens truly shine.

text

#C2F0F3 - A luminous light cyan that offers excellent readability on #0A1E30 or #203A58, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

  • Ensure #C2F0F3 or #8EC9D0 has sufficient contrast when used for text on #0A1E30 or #203A58 backgrounds.
  • #4D768E can be used for headings on #0A1E30, but always verify contrast for smaller text.
  • Avoid using #203A58 text directly on #4D768E, as the contrast might be insufficient.
  • For optimal readability, use a very light color (like #C2F0F3 or white) for body text on the darkest palette shades.

Recommended combinations

Deep Cosmos

Robust website footers, elegant dashboards, or professional presentations.

#0A1E30 · #203A58 · #4D768E

Aurora Shimmer

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

#4D768E · #8EC9D0 · #C2F0F3

Night Sky Glow

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

#0A1E30 · #8EC9D0 · #C2F0F3

CSS variables

:root {
  --aurora-shimmer-dance-1: #0A1E30;
  --aurora-shimmer-dance-2: #203A58;
  --aurora-shimmer-dance-3: #4D768E;
  --aurora-shimmer-dance-4: #8EC9D0;
  --aurora-shimmer-dance-5: #C2F0F3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-shimmer-dance": {
        1: "#0A1E30",
        2: "#203A58",
        3: "#4D768E",
        4: "#8EC9D0",
        5: "#C2F0F3",
      }
    }
  }
}

Related searches

cool blue green palettenorthern lights shimmerethereal aurora brandingelegant celestial UIcalm cosmic design

Palette colors

Hex values

Color 1#0A1E30
·
Color 2#203A58
·
Color 3#4D768E
·
Color 4#8EC9D0
·
Color 5#C2F0F3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.5:1AA18
9.2:1AAA
13.7:1AAA
2
1.5:1Fail
2.4:1Fail
6.3:1AA
9.4:1AAA
3
3.5:1AA18
2.4:1Fail
2.7:1Fail
4:1AA18
4
9.2:1AAA
6.3:1AA
2.7:1Fail
1.5:1Fail
5
13.7:1AAA
9.4:1AAA
4:1AA18
1.5:1Fail

Similar palettes

More like Aurora Shimmer Dance

View all cool
Aurora Borealis Glow
Aurora Shimmer Veil
Aurora Sky Glow
Aurora Horizon Whisper
Celestial Dewdrop Gleam
Celestial Opal Bloom