Palette

Midnight City Glare

Captures the contrasting deep blues of a city night against electric, glowing red and pink signs.

darkenergetic5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight City Glare 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 City Glare.

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

Data visualization

#1A1A2E#16213E#0F3460#E94560#FFC0CB

Palette guide

How to use Midnight City Glare

Overview

The "Midnight City Glare" palette vibrantly captures the contrasting deep blues of a city night against electric, glowing red and pink signs. It establishes its urban foundation with the profound #1A1A2E and the deep navy of #16213E, building into the intense blue of #0F3460. The palette then bursts with energetic accents like the electric #E94560 and the luminous #FFC0CB. This palette is ideal for designers aiming to convey dynamism, modernity, and a vibrant nightlife aesthetic. Developers will find it excellent for creating engaging digital experiences, cyberpunk-inspired interfaces, or branding that pulsates with urban energy.

Best used for

Cyberpunk or sci-fi themed games
Urban fashion or lifestyle brands
Music event promotion (EDM, club)
Modern tech company websites
Dynamic app interfaces
Neon-inspired digital art

Suggested color roles

primary

#1A1A2E – The darkest, most grounding blue, perfect for expansive backgrounds, containers, or main headers, setting an urban night scene.

secondary

#16213E – A deep navy, ideal for secondary content blocks, navigation, or subtle dividers, adding depth to the dark theme.

accent

#E94560 – Use this electric red for calls to action, urgent notifications, or key interactive elements to simulate neon glow and demand attention.

background

#1A1A2E or #16213E for a deep, immersive dark canvas. #FFC0CB can be used sparingly for impactful, glowing elements.

text

#FFC0CB or a bright white on darker blues like #1A1A2E or #16213E for excellent readability. Use #1A1A2E for text on #FFC0CB.

Accessibility notes

Ensure high contrast between the dark blues (#1A1A2E, #16213E) and the bright accents (#E94560, #FFC0CB) for all text and interactive elements.
The vibrancy of #E94560 and #FFC0CB ensures good visibility, but check their contrast against each other if used in close proximity.
Provide clear visual indicators for focus and hover states, especially for interactive elements, using one of the bright accent colors.
Avoid using #1A1A2E, #16213E, and #0F3460 for small text against each other due to low contrast.

Recommended combinations

Neon Pulse

A high-impact dark mode, #1A1A2E as background, #E94560 for primary actions, and #FFC0CB for luminous text.

#1A1A2E · #E94560 · #FFC0CB

City Lights

Creates a layered, dynamic urban feel for hero sections or dashboards, building depth with blues and a sharp red accent.

#16213E · #0F3460 · #E94560

Glow & Shadow

Use #FFC0CB as a striking accent background, with #1A1A2E for bold text and #0F3460 for supporting details.

#FFC0CB · #1A1A2E · #0F3460

CSS variables

:root {
  --midnight-city-glare-1: #1A1A2E;
  --midnight-city-glare-2: #16213E;
  --midnight-city-glare-3: #0F3460;
  --midnight-city-glare-4: #E94560;
  --midnight-city-glare-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-city-glare": {
        1: "#1A1A2E",
        2: "#16213E",
        3: "#0F3460",
        4: "#E94560",
        5: "#FFC0CB",
      }
    }
  }
}

Hex values

Color 1#1A1A2E

Color 2#16213E

Color 3#0F3460

Color 4#E94560

Color 5#FFC0CB

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

4.5:1AA18

11.1:1AAA

1.1:1Fail

1.3:1Fail

4.2:1AA18

10.3:1AAA

1.4:1Fail

1.3:1Fail

3.3:1AA18

8.1:1AAA

4.5:1AA18

4.2:1AA18

3.3:1AA18

2.5:1Fail

11.1:1AAA

10.3:1AAA

8.1:1AAA

2.5:1Fail

Similar palettes

More like Midnight City Glare

View all dark

Urban Night Glow

Carnival Midnight Sky