Palette

Fungal Forest Glow

Captures the eerie yet beautiful glow of a magical forest lit by bioluminescent fungi at night.

vibrantdark5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fungal 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 Fungal Forest Glow.

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

Data visualization

#1A1A1A#3A3A3A#5A5A5A#7FFF00#CFFF3F

Palette guide

How to use Fungal Forest Glow

Overview

The "Fungal Forest Glow" is a dramatic and captivating palette that marries deep, mysterious greys with electrifying, bioluminescent greens. The dark tones of #1A1A1A, #3A3A3A, and #5A5A5A establish a somber, forest-at-night atmosphere, while the vivid #7FFF00 and lighter #CFFF3F inject a powerful, otherworldly glow. This palette is exceptionally useful for designers and developers crafting immersive, high-contrast visuals that convey mystery, technology, or a fantastical element. It's perfect for projects requiring a dark mode aesthetic with striking, vibrant accents that pop.

Best used for

Gaming UI and environmental design
Sci-fi or fantasy book covers
Dark mode web applications
Tech product interfaces (e.g., audio software)
Festival or rave event branding
Bioluminescent art installations

Suggested color roles

primary

#1A1A1A - A deep, near-black, serving as the foundational background or primary dark element, providing a strong, immersive base.

secondary

#3A3A3A - A dark charcoal grey, excellent for secondary backgrounds, navigation bars, or subtle UI elements, adding depth without being as stark as black.

accent

#7FFF00 - A brilliant, almost neon green, the main glowing accent for interactive elements, notifications, or key highlights, demanding immediate attention.

background

#1A1A1A - The primary background color, creating a dark, mysterious canvas that makes the bright accents pop dramatically.

text

#CFFF3F - A lighter, vibrant lime green, suitable for headings or important textual information on dark backgrounds, offering excellent readability and a glowing effect.

Accessibility notes

Ensure #7FFF00 and #CFFF3F have excellent contrast against #1A1A1A, #3A3A3A, and #5A5A5A for all text and interactive elements.
Avoid using #5A5A5A for text on #3A3A3A or similar dark greys, as contrast may be insufficient for readability.
Use the vibrant greens for primary text on dark backgrounds to maximize readability and visual impact.
Consider alternative brighter text (like white or light grey) for less critical text if the greens feel too intense for extended reading.

Recommended combinations

Bioluminescent UI

Perfect for a dark mode interface, with #1A1A1A as the background, #7FFF00 for active states/icons, and #CFFF3F for highlighted text.

#1A1A1A · #7FFF00 · #CFFF3F

Mystic Depths

Creates layered backgrounds with subtle dark variations, accented by the glowing green for points of interest or navigation.

#3A3A3A · #5A5A5A · #7FFF00

Digital Forest

Suitable for website banners or game menus, where the dark background is punctuated by glowing text and secondary information.

#1A1A1A · #CFFF3F · #3A3A3A

CSS variables

:root {
  --fungal-forest-glow-1: #1A1A1A;
  --fungal-forest-glow-2: #3A3A3A;
  --fungal-forest-glow-3: #5A5A5A;
  --fungal-forest-glow-4: #7FFF00;
  --fungal-forest-glow-5: #CFFF3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fungal-forest-glow": {
        1: "#1A1A1A",
        2: "#3A3A3A",
        3: "#5A5A5A",
        4: "#7FFF00",
        5: "#CFFF3F",
      }
    }
  }
}

Hex values

Color 1#1A1A1A

Color 2#3A3A3A

Color 3#5A5A5A

Color 4#7FFF00

Color 5#CFFF3F

Accessibility

Contrast checker

1.5:1Fail

2.5:1Fail

13.4:1AAA

14.9:1AAA

1.5:1Fail

1.6:1Fail

8.8:1AAA

9.8:1AAA

2.5:1Fail

1.6:1Fail

5.3:1AA

5.9:1AA

13.4:1AAA

8.8:1AAA

5.3:1AA

1.1:1Fail

14.9:1AAA

9.8:1AAA

5.9:1AA

1.1:1Fail

Similar palettes

More like Fungal Forest Glow

Celestial Nebula Glow

Cosmic Dust Shimmer

Deep Sea Bloom