Palette

Neon Rain Street

Reflective darks punctuated by vivid, artificial lights against a damp city street.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Rain Street 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 Rain Street.

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

Data visualization

#1C1C1C#00FF7F#FFD700#FF6347#4682B4

Palette guide

How to use Neon Rain Street

Overview

The "Neon Rain Street" palette captures the moody, atmospheric glow of vivid artificial lights reflecting against a damp city street at night. It features #1C1C1C (deep charcoal), #00FF7F (vibrant spring green), #FFD700 (golden yellow), #FF6347 (energetic red-orange), and #4682B4 (steel blue). This palette is ideal for designers and developers crafting modern urban aesthetics, indie game visuals, or atmospheric branding. The deep, reflective dark provides a perfect base for the striking neon accents, creating a sense of depth and dynamic light that evokes the quiet intensity of a rainy city night.

Best used for

Urban photography overlays and filters
Modern app UI and dashboard design
Indie game aesthetics and environmental art
Atmospheric branding for bars or cafes
Digital illustrations with a moody, vibrant feel
Music video visuals and album covers

Suggested color roles

primary

Utilize #1C1C1C as the foundational deep, textured dark base, providing a crucial atmospheric backdrop for the luminous neon accents.

secondary

Employ #00FF7F for vibrant, cool-toned accents and #FFD700 for warm, golden glows, creating dynamic points of interest.

accent

Apply #FF6347 for energetic, warm highlights and #4682B4 for cool, steel-blue reflections, adding complexity and depth to light sources.

background

The primary background should be #1C1C1C to establish the dark, reflective surface of a wet city street, enhancing the glow of other colors.

text

For headings and important calls to action, use #FFD700 or #00FF7F against #1C1C1C for high visibility. For body text, a crisp white or light grey is recommended.

Accessibility notes

Ensure text contrasting with #1C1C1C is highly legible (WCAG AA minimum), especially for smaller font sizes.
The #4682B4 might not contrast enough with #1C1C1C for small text; prefer it for larger visual blocks or decorative elements.
Test all neon colors for sufficient contrast against the dark background to ensure readability and visual comfort.
Consider providing alternative text styles or larger font sizes for neon-colored text to improve accessibility.

Recommended combinations

Street Glow

Ideal for main UI components or backgrounds, capturing the dark urban atmosphere punctuated by warm and cool neon light sources.

#1C1C1C · #FFD700 · #00FF7F

Urban Pulse

Excellent for creating dynamic, contrasting accents, simulating the varied artificial lights and reflections found on a rainy street.

#FF6347 · #4682B4 · #1C1C1C

Reflective Night

Use this for atmospheric backgrounds, subtle gradients, or elements requiring a balanced blend of brights that evoke wet, reflective surfaces.

#00FF7F · #FFD700 · #4682B4

CSS variables

:root {
  --neon-rain-street-1: #1C1C1C;
  --neon-rain-street-2: #00FF7F;
  --neon-rain-street-3: #FFD700;
  --neon-rain-street-4: #FF6347;
  --neon-rain-street-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-rain-street": {
        1: "#1C1C1C",
        2: "#00FF7F",
        3: "#FFD700",
        4: "#FF6347",
        5: "#4682B4",
      }
    }
  }
}

Hex values

Color 1#1C1C1C

Color 2#00FF7F

Color 3#FFD700

Color 4#FF6347

Color 5#4682B4

Accessibility

Contrast checker

12.7:1AAA

12.2:1AAA

5.8:1AA

4.1:1AA18

12.7:1AAA

1:1Fail

2.2:1Fail

3.1:1AA18

12.2:1AAA

1:1Fail

2.1:1Fail

2.9:1Fail

5.8:1AA

2.2:1Fail

2.1:1Fail

1.4:1Fail

4.1:1AA18

3.1:1AA18

2.9:1Fail

1.4:1Fail

Similar palettes

More like Neon Rain Street