Palette

Midnight Urban Glow

Captures the elusive glow of a city at midnight, blending dark concrete with electric lights.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Urban 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 Midnight Urban Glow.

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

Data visualization

#0F0F0F#36454F#808080#FFD700#8A2BE2

Palette guide

How to use Midnight Urban Glow

Overview

The Midnight Urban Glow palette captures the essence of a bustling city at night, blending deep, dark foundations with electric, vibrant accents. This sophisticated scheme features a commanding dark base of #0F0F0F (deep charcoal) and #36454F (dark slate grey), which evoke concrete and shadow. Bright splashes of #FFD700 (goldenrod) and #8A2BE2 (blue violet) represent neon signs and distant lights, offering striking contrast. This palette is ideal for projects requiring a modern, edgy, yet elegant aesthetic. The neutral #808080 (medium grey) provides a versatile mid-tone for subtle details, making it a robust choice for contemporary digital experiences and branding.

Best used for

Modern app and website dark mode themes
Nightlife and event promotion materials
Tech product branding and interfaces
Urban-themed digital art and illustrations
Music album covers and streaming platforms
Luxury automotive or gadget advertising

Suggested color roles

primary

Use #0F0F0F as the dominant background or base color for a truly dark, immersive experience, reminiscent of a city night sky.

secondary

Apply #36454F for secondary panels, cards, or subtle UI elements to add depth without overwhelming the primary dark.

accent

Deploy #FFD700 for high-impact calls to action, interactive elements, or key highlights that demand immediate attention.

background

Utilize #0F0F0F for the main canvas to establish a sleek, modern, and dark aesthetic. Alternatively, #36454F can serve as a slightly softer dark background.

text

For primary body text, use a light color like white or a very pale grey. For headings or less critical text, #808080 works well on darker backgrounds, or #FFD700 for vibrant titles.

Accessibility notes

Ensure #FFD700 and #8A2BE2 have sufficient contrast when used for critical text on #0F0F0F or #36454F.
Avoid using #808080 for small body text on the darkest backgrounds; it may lack sufficient contrast.
Pair the dark shades (#0F0F0F, #36454F) with lighter text (white, light grey, or #FFD700) for optimal readability.
Verify contrast ratios for all text and interactive elements to meet WCAG AA standards, especially on dark backgrounds.

Recommended combinations

Electric Night

A classic dark base with a bold golden accent and a subtle dark grey for supporting elements, perfect for striking headers.

#0F0F0F · #FFD700 · #36454F

Urban Pulse

A slightly lighter dark base with a vibrant blue-violet pop and a neutral grey for balanced, modern interfaces.

#36454F · #8A2BE2 · #808080

Deep City

A deep black canvas with a functional grey for readability and a bright gold to draw attention to key interactive components.

#0F0F0F · #808080 · #FFD700

CSS variables

:root {
  --midnight-urban-glow-1: #0F0F0F;
  --midnight-urban-glow-2: #36454F;
  --midnight-urban-glow-3: #808080;
  --midnight-urban-glow-4: #FFD700;
  --midnight-urban-glow-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-urban-glow": {
        1: "#0F0F0F",
        2: "#36454F",
        3: "#808080",
        4: "#FFD700",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#0F0F0F

Color 2#36454F

Color 3#808080

Color 4#FFD700

Color 5#8A2BE2

Accessibility

Contrast checker

1.9:1Fail

4.9:1AA

13.7:1AAA

3.2:1AA18

1.9:1Fail

2.5:1Fail

7.1:1AAA

1.7:1Fail

4.9:1AA

2.5:1Fail

2.8:1Fail

1.5:1Fail

13.7:1AAA

7.1:1AAA

2.8:1Fail

4.2:1AA18

3.2:1AA18

1.7:1Fail

1.5:1Fail

4.2:1AA18

Similar palettes

More like Midnight Urban Glow

Suburban Night Lights

Basalt Edge