Back to palettes

Palette

Aurora Shimmer Lights

Ethereal greens and teals blend to evoke the dancing, shimmering beauty of the celestial northern lights.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004D40#00897B#4DB6AC#80CBC4#B2DFDB

Palette guide

How to use Aurora Shimmer Lights

Overview

The "Aurora Shimmer Lights" palette blends ethereal greens and teals to evoke the dancing, shimmering beauty of the celestial northern lights, creating a calm and cool feel. It features a deep forest green #004D40, a vibrant emerald #00897B, a refreshing aquamarine #4DB6AC, a soft mint #80CBC4, and a luminous light teal #B2DFDB. This cool palette is ideal for designers looking to infuse tranquility, nature, and a touch of mystical wonder into their projects. The harmonious blend of greens and teals, 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

  • Environmental conservation websites
  • Wellness and mindfulness apps
  • Nature-themed product branding
  • Spa and relaxation marketing materials
  • Sustainable living product e-commerce
  • Elegant personal portfolios

Suggested color roles

primary

#00897B - A vibrant emerald, ideal for main interactive elements, key calls-to-action, or prominent sections that convey clarity and elegance.

secondary

#004D40 - A deep forest green, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

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

background

#80CBC4 - A soft mint, providing an airy and serene canvas that allows the deeper greens and teals to stand out beautifully.

text

#004D40 - A deep forest green that offers excellent readability on #80CBC4 or #B2DFDB, or use a crisp black for general body text on lightest backgrounds.

Accessibility notes

  • Ensure #004D40 or #00897B has sufficient contrast when used for text on #80CBC4 or #B2DFDB backgrounds.
  • #4DB6AC can be used for headings on #004D40, but always verify contrast for smaller text.
  • Avoid using #80CBC4 text directly on #4DB6AC, as the contrast might be insufficient.
  • For optimal readability, use a dark charcoal or black text on the lightest shades for general body copy.

Recommended combinations

Deep Forest

Robust website footers, elegant dashboards, or professional presentations.

#004D40 · #00897B · #4DB6AC

Aurora Shimmer

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

#4DB6AC · #80CBC4 · #B2DFDB

Celestial Glow

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

#004D40 · #80CBC4 · #B2DFDB

CSS variables

:root {
  --aurora-shimmer-lights-1: #004D40;
  --aurora-shimmer-lights-2: #00897B;
  --aurora-shimmer-lights-3: #4DB6AC;
  --aurora-shimmer-lights-4: #80CBC4;
  --aurora-shimmer-lights-5: #B2DFDB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-shimmer-lights": {
        1: "#004D40",
        2: "#00897B",
        3: "#4DB6AC",
        4: "#80CBC4",
        5: "#B2DFDB",
      }
    }
  }
}

Related searches

cool green teal palettenorthern lights shimmerethereal aurora brandingcalm celestial UInature inspired design

Palette colors

Hex values

Color 1#004D40
·
Color 2#00897B
·
Color 3#4DB6AC
·
Color 4#80CBC4
·
Color 5#B2DFDB
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
4:1AA18
5.3:1AA
6.8:1AA
2
2.3:1Fail
1.8:1Fail
2.3:1Fail
3:1Fail
3
4:1AA18
1.8:1Fail
1.3:1Fail
1.7:1Fail
4
5.3:1AA
2.3:1Fail
1.3:1Fail
1.3:1Fail
5
6.8:1AA
3:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Aurora Shimmer Lights

View all cool
Enchanted Forest Stream
Mystic Forest Fog
Willow Branch Breeze
Aegean Horizon
Agate Grotto
Alpine Lake Serene