Palette

Neon Jungle Synth

An electrifying mix of artificial brights against deep darks, reminiscent of a futuristic, bioluminescent jungle at night.

VibrantEnergetic5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Jungle Synth 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 Neon Jungle Synth.

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

Data visualization

#0A0A0A#00FF99#8AFF00#F400F4#FFB700

Palette guide

How to use Neon Jungle Synth

Overview

The "Neon Jungle Synth" palette delivers an electrifying mix of artificial brights against a deep dark base, reminiscent of a futuristic, bioluminescent jungle at night. It features #0A0A0A (near-black), #00FF99 (vibrant aqua-green), #8AFF00 (luminous lime), #F400F4 (electric magenta), and #FFB700 (warm orange glow). This palette is ideal for designers and developers aiming for a synthwave aesthetic or a digital interface that feels both natural and hyper-advanced. The deep dark provides a perfect backdrop, allowing the intense neon hues to pop with maximum impact, creating a truly immersive and energetic visual experience.

Best used for

Synthwave and retro-futuristic art
Digital interfaces and dashboards
Futuristic branding and packaging
Video game UI and environmental lighting
Music festival and concert visuals
Bioluminescent-themed digital illustrations

Suggested color roles

primary

Utilize #0A0A0A as the foundational deep dark background, providing a crucial contrast for the vibrant neon elements to stand out effectively.

secondary

Employ #00FF99 for vibrant, cool-toned accents and #F400F4 for striking, energetic magenta elements, creating visual interest and dynamic flow.

accent

Apply #8AFF00 for luminous, almost glowing highlights and #FFB700 for warm, inviting glows, guiding user attention to key interactive areas.

background

The primary background should be #0A0A0A to establish the dark, mysterious 'jungle at night' atmosphere, enhancing the glow of other colors.

text

For headings and important calls to action, use #00FF99 or #FFB700 against #0A0A0A for high visibility. For body text, a crisp white or light grey is recommended.

Accessibility notes

Ensure high contrast for all text against the #0A0A0A background, especially for smaller font sizes, to meet readability standards.
Avoid using #00FF99 and #8AFF00 adjacent for critical information, as their similar luminosity can be challenging for some users.
Test the readability of #F400F4 on dark backgrounds, as its intensity can sometimes reduce perceived contrast.
Consider providing alternative text styles or larger font sizes for neon-colored text to improve accessibility.

Recommended combinations

Deep Synth

Ideal for core dark mode UI components or backgrounds that embody the synthwave aesthetic with strong, electric contrasts.

#0A0A0A · #00FF99 · #F400F4

Jungle Glow

Excellent for creating bioluminescent effects, glowing indicators, or vibrant accent graphics that evoke a lush, artificial environment.

#8AFF00 · #FFB700 · #00FF99

Electric Contrast

Use this for striking headlines, call-to-action buttons, or elements requiring maximum visual impact against a dark backdrop.

#0A0A0A · #FFB700 · #F400F4

CSS variables

:root {
  --neon-jungle-synth-1: #0A0A0A;
  --neon-jungle-synth-2: #00FF99;
  --neon-jungle-synth-3: #8AFF00;
  --neon-jungle-synth-4: #F400F4;
  --neon-jungle-synth-5: #FFB700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-jungle-synth": {
        1: "#0A0A0A",
        2: "#00FF99",
        3: "#8AFF00",
        4: "#F400F4",
        5: "#FFB700",
      }
    }
  }
}

Hex values

Color 1#0A0A0A

Color 2#00FF99

Color 3#8AFF00

Color 4#F400F4

Color 5#FFB700

Accessibility

Contrast checker

14.9:1AAA

15.4:1AAA

5.8:1AA

11.3:1AAA

14.9:1AAA

1:1Fail

2.6:1Fail

1.3:1Fail

15.4:1AAA

1:1Fail

2.7:1Fail

1.4:1Fail

5.8:1AA

2.6:1Fail

2.7:1Fail

2:1Fail

11.3:1AAA

1.3:1Fail

1.4:1Fail

2:1Fail

Similar palettes

More like Neon Jungle Synth

View all Vibrant

Urban Neon Flux

City Night Electric

Cybernetic Chroma Burst

Cyberpunk Alley Glow

Digital Circuit Matrix

Digital Glitch