Back to palettes

Palette

Aurora Glade Whisper

Ethereal greens and purples, like the magical glow of an aurora filtering through a secret glade.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aurora Glade Whisper 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 Glade Whisper.

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

Data visualization

#008B8B#00FF7F#FFFF00#ADFF2F#BA55D3

Palette guide

How to use Aurora Glade Whisper

Overview

The "Aurora Glade Whisper" palette is a magical collection of ethereal greens and purples, like the glow of an aurora filtering through a secret glade, creating an energetic and mystic feel. It features a deep teal #008B8B, a vibrant spring green #00FF7F, a luminous yellow #FFFF00, a fresh chartreuse #ADFF2F, and an enchanting orchid #BA55D3. This vibrant palette is ideal for designers looking to create immersive, fantastical, or playful experiences. The striking contrasts and harmonious blend of cool and warm tones make it perfect for digital interfaces, branding, or digital art 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
  • Children's educational apps or websites
  • Creative marketing campaigns
  • Digital art and playful illustrations
  • Event promotions (festivals, concerts)
  • Youth-oriented energetic brands

Suggested color roles

primary

#00FF7F - A vibrant spring green, ideal for main interactive elements, key calls-to-action, or prominent sections that demand attention and convey freshness.

secondary

#BA55D3 - An enchanting orchid, excellent for supporting content, subheadings, or backgrounds that provide a mystical and playful feel.

accent

#FFFF00 - A luminous yellow, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#008B8B - A deep teal, providing a sophisticated and grounding foundation against which the vibrant greens, yellow, and purple truly shine.

text

#FFFF00 - A luminous yellow that offers excellent readability on #008B8B or #BA55D3, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

  • Ensure #FFFF00 or #ADFF2F has sufficient contrast when used for text on #008B8B or #BA55D3 backgrounds.
  • #00FF7F can be used for headings on #008B8B, but always verify contrast for smaller text.
  • Avoid using #BA55D3 text directly on #00FF7F, as the contrast might be insufficient.
  • For optimal readability, use a very light color (like #FFFF00 or white) for body text on the darkest palette shades.

Recommended combinations

Enchanted Forest

Dynamic website headers, playful branding, or energetic app interfaces.

#008B8B · #00FF7F · #ADFF2F

Mystic Bloom

Vibrant infographics, celestial illustrations, or cheerful marketing materials.

#BA55D3 · #FFFF00 · #00FF7F

Glade Glow

Impactful presentations, futuristic UI elements, or striking event promotions.

#008B8B · #FFFF00 · #BA55D3

CSS variables

:root {
  --aurora-glade-whisper-1: #008B8B;
  --aurora-glade-whisper-2: #00FF7F;
  --aurora-glade-whisper-3: #FFFF00;
  --aurora-glade-whisper-4: #ADFF2F;
  --aurora-glade-whisper-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-glade-whisper": {
        1: "#008B8B",
        2: "#00FF7F",
        3: "#FFFF00",
        4: "#ADFF2F",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

aurora glade palettemystic green purplevibrant nature colorsenergetic light UIfantasy garden branding

Palette colors

Hex values

Color 1#008B8B
·
Color 2#00FF7F
·
Color 3#FFFF00
·
Color 4#ADFF2F
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.1:1AA18
3.9:1AA18
3.4:1AA18
1.1:1Fail
2
3.1:1AA18
1.3:1Fail
1.1:1Fail
2.9:1Fail
3
3.9:1AA18
1.3:1Fail
1.1:1Fail
3.7:1AA18
4
3.4:1AA18
1.1:1Fail
1.1:1Fail
3.2:1AA18
5
1.1:1Fail
2.9:1Fail
3.7:1AA18
3.2:1AA18

Similar palettes

More like Aurora Glade Whisper

View all vibrant
Aurora Borealis
Aurora Sky Shimmer
Carnival Kaleidoscope
Celestial Aurora Dance
Citrus Grove Spark
Cosmic Core Burst