Palette

Aurora Forest Glow

A magical fusion of forest depths and the vibrant, dancing colors 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 Forest Glow 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 Forest Glow.

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

Data visualization

#2F4F4F#00CED1#8A2BE2#191970#1E1E1E

Palette guide

How to use Aurora Forest Glow

Overview

The "Aurora Forest Glow" palette is a magical fusion of forest depths and the vibrant, dancing colors of the northern lights, creating an energetic and mystic feel. It features a deep forest green #2F4F4F, a striking turquoise #00CED1, an ethereal blue-violet #8A2BE2, a profound navy #191970, and a grounding charcoal #1E1E1E. This vibrant palette is ideal for designers looking to create immersive, fantastical, or sophisticated experiences. The strong contrasts between the dark, earthy tones and the luminous, glowing hues make it perfect for digital interfaces, gaming, or branding that aims for a powerful and captivating aesthetic. It offers depth, vibrancy, and a touch of magic.

Best used for

Fantasy game interfaces or concept art
Mystical or spiritual content websites
Environmental or conservation branding
Digital art and dark fantasy illustrations
High-end tech or software interfaces
Night-themed event promotions

Suggested color roles

primary

#00CED1 - A striking turquoise, ideal for main interactive elements, key calls-to-action, or prominent sections that demand attention and convey freshness.

secondary

#2F4F4F - A deep forest green, excellent for supporting content, subheadings, or backgrounds that provide an earthy, mysterious feel.

accent

#8A2BE2 - An ethereal blue-violet, perfect for highlights, hover states, or small decorative elements that need to pop with a magical glow.

background

#1E1E1E - A deep charcoal, providing a sophisticated and dramatic foundation against which the vibrant blues, greens, and purples truly shine.

text

#00CED1 - A striking turquoise that offers excellent readability on #1E1E1E or #191970, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

Ensure #00CED1 or #8A2BE2 has sufficient contrast when used for text on #1E1E1E or #191970 backgrounds.
#2F4F4F can be used for headings on #1E1E1E, but always verify contrast for smaller text.
Avoid using #191970 text directly on #2F4F4F, as the contrast might be insufficient.
For optimal readability, use a very light color (like #00CED1 or white) for body text on the darkest palette shades.

Recommended combinations

Deep Woods

Robust website footers, elegant dashboards, or professional presentations.

#1E1E1E · #2F4F4F · #191970

Aurora Spark

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

#00CED1 · #8A2BE2 · #2F4F4F

Mystic Veil

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

#1E1E1E · #8A2BE2 · #00CED1

CSS variables

:root {
  --aurora-forest-glow-1: #2F4F4F;
  --aurora-forest-glow-2: #00CED1;
  --aurora-forest-glow-3: #8A2BE2;
  --aurora-forest-glow-4: #191970;
  --aurora-forest-glow-5: #1E1E1E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-forest-glow": {
        1: "#2F4F4F",
        2: "#00CED1",
        3: "#8A2BE2",
        4: "#191970",
        5: "#1E1E1E",
      }
    }
  }
}

Hex values

Color 1#2F4F4F

Color 2#00CED1

Color 3#8A2BE2

Color 4#191970

Color 5#1E1E1E

Accessibility

Contrast checker

4.6:1AA

1.5:1Fail

1.7:1Fail

1.9:1Fail

4.6:1AA

3:1AA18

7.6:1AAA

8.5:1AAA

1.5:1Fail

3:1AA18

2.5:1Fail

2.8:1Fail

1.7:1Fail

7.6:1AAA

2.5:1Fail

1.1:1Fail

1.9:1Fail

8.5:1AAA

2.8:1Fail

1.1:1Fail

Similar palettes

More like Aurora Forest Glow

View all vibrant

Aurora Sky Shimmer

Spectral Sky Dance

Aurora Borealis Dance

Aurora Borealis Glow

Aurora Borealis Hues

Aurora Glade Whisper