Palette

City Neon Jungle

An electrifying burst of glow against a shadowed concrete jungle, pulsating with artificial light and energy.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#00FF00#FFFF00#333333

Palette guide

How to use City Neon Jungle

Overview

The "City Neon Jungle" palette delivers an electrifying burst of vibrant, artificial light against a deep, shadowed background, perfect for designs that aim for a cyberpunk, energetic, or modern aesthetic. Featuring bold #FF00FF (magenta), bright #00FFFF (cyan), vivid #00FF00 (lime green), and striking #FFFF00 (yellow), all grounded by a dark #333333, this palette pulsates with energy. Designers can leverage these high-contrast colors to create dynamic interfaces, impactful branding, and digital experiences that demand attention. Developers will find these hex codes excellent for implementing glow effects, interactive highlights, and visually arresting UI elements, making it ideal for gaming, music, or futuristic tech projects.

Best used for

Cyberpunk game interfaces
Music festival promotions
Futuristic tech product launches
Energetic event branding
Vibrant streaming overlays
Modern art installations

Suggested color roles

primary

#FF00FF - A dominant, electrifying magenta, perfect for main calls-to-action, striking headlines, or key brand elements that need to pop.

secondary

#00FFFF - A vibrant cyan, excellent for supporting interactive elements, subheadings, or as a contrasting highlight to the magenta.

accent

#00FF00 - A bold lime green, ideal for drawing immediate attention to alerts, notifications, or as a dynamic visual accent.

background

#333333 - A deep, dark charcoal grey, serving as the perfect shadowed canvas for the neon colors to intensely glow and stand out.

text

White or #FFFF00 - Use white for primary body text against #333333 for maximum readability. #FFFF00 can be used for highlighted text or smaller informational elements.

Accessibility notes

Ensure sufficient contrast between neon colors and #333333 background for all text and interactive elements.
Avoid using multiple neon colors in close proximity for extensive text to prevent visual fatigue.
Provide clear non-color-based indicators for interactive states, as vibrant colors can sometimes be overwhelming.
Be mindful of users with color vision deficiencies; use icons or text labels to supplement color coding.

Recommended combinations

Cyber Glow

Ideal for dark-themed UIs where elements need to strongly stand out, such as navigation or data visualization.

#333333 · #FF00FF · #00FFFF

Electric Alert

Perfect for critical alerts, warning messages, or dynamic highlights that demand immediate user attention.

#333333 · #00FF00 · #FFFF00

Dynamic Duo

Great for creating high-energy branding, poster designs, or interactive elements with a strong, modern feel.

#FF00FF · #00FFFF · #333333

CSS variables

:root {
  --city-neon-jungle-1: #FF00FF;
  --city-neon-jungle-2: #00FFFF;
  --city-neon-jungle-3: #00FF00;
  --city-neon-jungle-4: #FFFF00;
  --city-neon-jungle-5: #333333;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "city-neon-jungle": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#00FF00",
        4: "#FFFF00",
        5: "#333333",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#00FF00

Color 4#FFFF00

Color 5#333333

Accessibility

Contrast checker

2.5:1Fail

2.3:1Fail

2.9:1Fail

4:1AA18

2.5:1Fail

1.1:1Fail

1.2:1Fail

10.1:1AAA

2.3:1Fail

1.1:1Fail

1.3:1Fail

9.2:1AAA

2.9:1Fail

1.2:1Fail

1.3:1Fail

11.8:1AAA

4:1AA18

10.1:1AAA

9.2:1AAA

11.8:1AAA

Similar palettes

More like City Neon Jungle

View all vibrant

Abstract City Lights

Electric Future Drive