Palette

Aurora Shimmer Veil

Ethereal and luminous, this palette captures the otherworldly dance of the aurora borealis across the night sky.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A2E38#1E5C6A#3F9FA9#7FDED2#B9FFF5

Palette guide

How to use Aurora Shimmer Veil

Overview

The "Aurora Shimmer Veil" palette is ethereal and luminous, capturing the otherworldly dance of the aurora borealis across the night sky, creating an elegant and cool feel. It features a deep teal #0A2E38, a rich sea green #1E5C6A, a vibrant aquamarine #3F9FA9, a luminous mint #7FDED2, and a brilliant light cyan #B9FFF5. 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

#3F9FA9 - A vibrant aquamarine, ideal for main interactive elements, key calls-to-action, or prominent sections that convey clarity and elegance.

secondary

#1E5C6A - A rich sea green, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

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

background

#0A2E38 - A deep teal, providing a sophisticated and grounding foundation against which the lighter blues and greens truly shine.

text

#B9FFF5 - A brilliant light cyan that offers excellent readability on #0A2E38 or #1E5C6A, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

Ensure #B9FFF5 or #7FDED2 has sufficient contrast when used for text on #0A2E38 or #1E5C6A backgrounds.
#3F9FA9 can be used for headings on #0A2E38, but always verify contrast for smaller text.
Avoid using #1E5C6A text directly on #3F9FA9, as the contrast might be insufficient.
For optimal readability, use a very light color (like #B9FFF5 or white) for body text on the darkest palette shades.

Recommended combinations

Deep Cosmos

Robust website footers, elegant dashboards, or professional presentations.

#0A2E38 · #1E5C6A · #3F9FA9

Aurora Shimmer

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

#3F9FA9 · #7FDED2 · #B9FFF5

Night Sky Glow

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

#0A2E38 · #7FDED2 · #B9FFF5

CSS variables

:root {
  --aurora-shimmer-veil-1: #0A2E38;
  --aurora-shimmer-veil-2: #1E5C6A;
  --aurora-shimmer-veil-3: #3F9FA9;
  --aurora-shimmer-veil-4: #7FDED2;
  --aurora-shimmer-veil-5: #B9FFF5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-shimmer-veil": {
        1: "#0A2E38",
        2: "#1E5C6A",
        3: "#3F9FA9",
        4: "#7FDED2",
        5: "#B9FFF5",
      }
    }
  }
}

Hex values

Color 1#0A2E38

Color 2#1E5C6A

Color 3#3F9FA9

Color 4#7FDED2

Color 5#B9FFF5

Accessibility

Contrast checker

1.9:1Fail

4.6:1AA

9.1:1AAA

12.8:1AAA

1.9:1Fail

2.4:1Fail

4.8:1AA

6.7:1AA

4.6:1AA

2.4:1Fail

2:1Fail

2.8:1Fail

9.1:1AAA

4.8:1AA

2:1Fail

1.4:1Fail

12.8:1AAA

6.7:1AA

2.8:1Fail

1.4:1Fail

Similar palettes

More like Aurora Shimmer Veil

Aurora Horizon Whisper

Azura Wood Nymph

Celestial Comet Dust