Palette

Downtown Neon Rhythm

A pulsating array of bold, artificial colors that capture the energetic rhythm of a city night.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Downtown Neon Rhythm 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 Downtown Neon Rhythm.

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

Data visualization

#1A1A1A#FF3366#FFCC00#33FFCC#6633FF

Palette guide

How to use Downtown Neon Rhythm

Overview

The "Downtown Neon Rhythm" palette captures the energetic pulse of a city night, with a pulsating array of bold, artificial colors. This electrifying collection features a deep charcoal #1A1A1A, a vibrant hot pink #FF3366, a luminous golden yellow #FFCC00, a brilliant teal #33FFCC, and an intense violet #6633FF. Designers can leverage these captivating hues to create high-energy, modern experiences, perfect for branding, digital interfaces, or motion graphics that aim to evoke excitement, dynamism, and a cutting-edge urban aesthetic. It’s ideal for projects seeking a bold, contemporary, and visually striking appeal.

Best used for

Nightclub or music festival branding
Tech startup websites or app interfaces
UI/UX for energetic mobile games
Motion graphics and dynamic video content
Fashion or streetwear branding
Digital art and abstract neon illustrations

Suggested color roles

primary

A vibrant hot pink #FF3366 that commands immediate attention, reminiscent of glowing neon. Ideal for calls-to-action, key highlights, or main brand elements.

secondary

A brilliant teal #33FFCC that offers a cool, electric contrast. Excellent for secondary navigation, interactive elements, or dramatic visual effects.

accent

A luminous golden yellow #FFCC00 that adds a burst of warmth and energy. Perfect for subtle highlights, small icons, or decorative flourishes.

background

A deep charcoal #1A1A1A that provides an ideal dark, sophisticated backdrop, allowing the neon colors to truly pop and create a dynamic visual rhythm.

text

An intense violet #6633FF that offers a unique and striking text color, best used for larger headings or decorative elements against dark backgrounds. For body text, ensure sufficient contrast or use a lighter neutral.

Accessibility notes

#FFCC00 (golden yellow) text on #1A1A1A (dark charcoal) can work for larger headings, but verify contrast for body text.
#FF3366 (hot pink) or #33FFCC (teal) on #1A1A1A (dark charcoal) should offer good contrast for headings and interactive elements.
Avoid using #6633FF (violet) text on #FF3366 (hot pink) or #33FFCC (teal) due to low contrast and color vibration.
Ensure interactive elements have distinct hover/focus states, as the vibrancy can be intense.

Recommended combinations

Neon Pulse

Dark-themed websites, game interfaces, or digital art where neon glow and rhythm are central.

#1A1A1A · #FF3366 · #33FFCC

Energetic Pop

UI highlights, futuristic branding, or motion graphics needing high energy and unexpected pairings.

#FFCC00 · #6633FF · #FF3366

Dynamic Contrast

Powerful calls-to-action, striking banners, or designs that demand immediate visual impact with a modern edge.

#33FFCC · #FF3366 · #1A1A1A

CSS variables

:root {
  --downtown-neon-rhythm-1: #1A1A1A;
  --downtown-neon-rhythm-2: #FF3366;
  --downtown-neon-rhythm-3: #FFCC00;
  --downtown-neon-rhythm-4: #33FFCC;
  --downtown-neon-rhythm-5: #6633FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "downtown-neon-rhythm": {
        1: "#1A1A1A",
        2: "#FF3366",
        3: "#FFCC00",
        4: "#33FFCC",
        5: "#6633FF",
      }
    }
  }
}

Hex values

Color 1#1A1A1A

Color 2#FF3366

Color 3#FFCC00

Color 4#33FFCC

Color 5#6633FF

Accessibility

Contrast checker

4.9:1AA

11.5:1AAA

13.5:1AAA

2.9:1Fail

4.9:1AA

2.3:1Fail

2.8:1Fail

1.7:1Fail

11.5:1AAA

2.3:1Fail

1.2:1Fail

4:1AA18

13.5:1AAA

2.8:1Fail

1.2:1Fail

4.7:1AA

2.9:1Fail

1.7:1Fail

4:1AA18

4.7:1AA

Similar palettes

More like Downtown Neon Rhythm

Electric Night Cityscape

Abstract City Lights

Abstract City Rhythm