Back to palettes

Palette

Aurora Veil Lights

Vivid blues and greens swirl together, capturing the mesmerizing, dancing glow of the northern lights.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aurora Veil Lights 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 Veil Lights.

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

Data visualization

#0F4A6F#2A7E9C#5CB8BC#9CDDEE#BFF2F5

Palette guide

How to use Aurora Veil Lights

Overview

The "Aurora Veil Lights" palette captures the mesmerizing, dancing glow of the northern lights with vivid blues and greens swirling together, creating an energetic and vibrant feel. It features a deep navy #0F4A6F, a rich sapphire #2A7E9C, a vibrant aquamarine #5CB8BC, a luminous sky blue #9CDDEE, and a brilliant light cyan #BFF2F5. This vibrant palette is ideal for designers looking to infuse energy, mystique, and a strong connection to the celestial 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

  • Gaming interfaces and streaming platforms
  • Sci-fi or fantasy themed websites
  • Music event promotions or album art
  • Modern tech and software branding
  • Digital art and abstract illustrations
  • Youth-oriented energetic brands

Suggested color roles

primary

#5CB8BC - A vibrant aquamarine, ideal for main interactive elements, key calls-to-action, or prominent sections that demand attention and convey energy.

secondary

#2A7E9C - A rich sapphire, excellent for supporting content, subheadings, or backgrounds that provide an earthy, mysterious feel.

accent

#BFF2F5 - A brilliant light cyan, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#0F4A6F - A deep navy, providing a sophisticated and grounding foundation against which the vibrant blues and greens truly shine.

text

#BFF2F5 - A brilliant light cyan that offers excellent readability on #0F4A6F or #2A7E9C, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

  • Ensure #BFF2F5 or #9CDDEE has sufficient contrast when used for text on #0F4A6F or #2A7E9C backgrounds.
  • #5CB8BC can be used for headings on #0F4A6F, but always verify contrast for smaller text.
  • Avoid using #2A7E9C text directly on #5CB8BC, as the contrast might be insufficient.
  • For optimal readability, use a very light color (like #BFF2F5 or white) for body text on the darkest palette shades.

Recommended combinations

Deep Cosmos

Robust website footers, elegant dashboards, or professional presentations.

#0F4A6F · #2A7E9C · #5CB8BC

Aurora Shimmer

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

#5CB8BC · #9CDDEE · #BFF2F5

Night Sky Glow

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

#0F4A6F · #9CDDEE · #BFF2F5

CSS variables

:root {
  --aurora-veil-lights-1: #0F4A6F;
  --aurora-veil-lights-2: #2A7E9C;
  --aurora-veil-lights-3: #5CB8BC;
  --aurora-veil-lights-4: #9CDDEE;
  --aurora-veil-lights-5: #BFF2F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-veil-lights": {
        1: "#0F4A6F",
        2: "#2A7E9C",
        3: "#5CB8BC",
        4: "#9CDDEE",
        5: "#BFF2F5",
      }
    }
  }
}

Related searches

vibrant blue green palettecelestial glowing colorsbright northern lights themeenergetic aurora UIcool cosmic branding

Palette colors

Hex values

Color 1#0F4A6F
·
Color 2#2A7E9C
·
Color 3#5CB8BC
·
Color 4#9CDDEE
·
Color 5#BFF2F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.1:1AA18
6.3:1AA
7.7:1AAA
2
2:1Fail
2:1Fail
3.1:1AA18
3.8:1AA18
3
4.1:1AA18
2:1Fail
1.5:1Fail
1.9:1Fail
4
6.3:1AA
3.1:1AA18
1.5:1Fail
1.2:1Fail
5
7.7:1AAA
3.8:1AA18
1.9:1Fail
1.2:1Fail

Similar palettes

More like Aurora Veil Lights

View all vibrant
Aurora Borealis
Jungle Chroma Flare
Tropical Oasis
Aurora Sky Shimmer
Carnival Kaleidoscope
Cyber Glow