Back to palettes

Palette

Polar Light Specter

A dynamic display of vibrant greens and deep blues, mirroring the ethereal dance of the polar lights.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Polar Light Specter 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 Polar Light Specter.

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

Data visualization

#4CAF50#8BC34A#AED581#2196F3#1565C0

Palette guide

How to use Polar Light Specter

Overview

The Polar Light Specter palette is a vibrant and energetic collection, mirroring the dynamic and colorful dance of the aurora borealis with striking greens and deep blues. It features a bright, lively green, #4CAF50, and a softer, more muted lime, #8BC34A, which convey a natural and fresh feel. A very light, airy green, #AED581, adds a delicate touch of luminescence. Contrasting these greens are a brilliant sky blue, #2196F3, and a profound deep blue, #1565C0, adding depth and a cool, expansive quality. This palette is ideal for designs that aim to be energetic, natural, and visually captivating, perfect for conveying a sense of adventure or innovation.

Best used for

  • Outdoor adventure brands
  • Nature conservation websites
  • Dynamic app interfaces
  • Sports and fitness marketing
  • Environmental tech solutions
  • Lively event promotions

Suggested color roles

primary

#1565C0 (Deep Blue) - Use as a strong, grounding foundation for backgrounds, headers, or large informational blocks.

secondary

#4CAF50 (Bright Green) - Ideal for subheadings, key visual elements, or as a vibrant accent to draw attention and convey energy.

accent

#2196F3 (Sky Blue) - Reserve for calls-to-action, interactive elements, or highlights that need to pop with a clear, refreshing tone.

background

#AED581 (Light Green) - Provides a fresh, airy, and natural backdrop that helps the deeper blues and greens stand out crisply.

text

#1565C0 (Deep Blue) - Excellent for primary body text over lighter backgrounds like #AED581, ensuring readability and a cohesive, vibrant feel. A standard black or dark gray can also be used for maximum contrast.

Accessibility notes

  • Ensure sufficient contrast when using lighter greens like #AED581 for text; it is best suited as a background.
  • #1565C0 provides excellent contrast for text on #AED581, making it a strong choice for body copy.
  • The vibrant #4CAF50 and #2196F3 work well for headings or accents but should be tested for readability if used for smaller text.
  • Be mindful of colorblind users when combining certain greens and blues; ensure sufficient luminance contrast.

Recommended combinations

Aurora Burst

A powerful, energetic combination for hero sections or dynamic branding, highlighting the vibrant interplay of colors.

#1565C0 · #4CAF50 · #2196F3

Verdant Sky

Perfect for creating natural landscapes or layered graphical elements, evoking open skies and fresh greenery.

#8BC34A · #AED581 · #2196F3

Dynamic Specter

A balanced trio for user interfaces or educational materials, offering clear hierarchy and a lively aesthetic.

#1565C0 · #AED581 · #4CAF50

CSS variables

:root {
  --polar-light-specter-1: #4CAF50;
  --polar-light-specter-2: #8BC34A;
  --polar-light-specter-3: #AED581;
  --polar-light-specter-4: #2196F3;
  --polar-light-specter-5: #1565C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "polar-light-specter": {
        1: "#4CAF50",
        2: "#8BC34A",
        3: "#AED581",
        4: "#2196F3",
        5: "#1565C0",
      }
    }
  }
}

Related searches

vibrant aurora paletteenergetic green blue schemenatural polar light colorsdynamic tech brandingrefreshing nature palette

Palette colors

Hex values

Color 1#4CAF50
·
Color 2#8BC34A
·
Color 3#AED581
·
Color 4#2196F3
·
Color 5#1565C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
1.1:1Fail
2.1:1Fail
2
1.3:1Fail
1.3:1Fail
1.5:1Fail
2.7:1Fail
3
1.7:1Fail
1.3:1Fail
1.9:1Fail
3.5:1AA18
4
1.1:1Fail
1.5:1Fail
1.9:1Fail
1.8:1Fail
5
2.1:1Fail
2.7:1Fail
3.5:1AA18
1.8:1Fail

Similar palettes

More like Polar Light Specter

View all vibrant
Aurora Borealis Hues
Celestial Arctic Dance
Celestial Veil Dance
Northern Lights Dance
Aurora Borealis Glow
Celestial Aurora Hues