Palette

Night City Gleam

Deep grays and muted blues reflecting the cool, illuminated glow of a city at midnight.

Darkdark5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Night City Gleam 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 Night City Gleam.

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

Data visualization

#2C3539#4F5D75#B0C4DE#87CEEB#1F2528

Palette guide

How to use Night City Gleam

Overview

The Night City Gleam palette captures the cool, illuminated glow of a city at midnight, blending deep grays and muted blues. It features a dark charcoal #2C3539, a sophisticated slate blue #4F5D75, a soft light steel blue #B0C4DE, a vibrant sky blue #87CEEB, and an even deeper charcoal #1F2528. This collection offers designers a powerful toolset for creating elegant, modern, and slightly mysterious visuals. Developers can leverage these hex codes to build dark-themed interfaces for applications, websites, or branding that require a sleek and polished aesthetic, ensuring a sophisticated user experience with clear visual hierarchy and subtle pops of color.

Best used for

Dark mode web and mobile applications
Urban photography portfolios
High-tech product showcases
Luxury automotive branding
Architectural visualization
Mystery or thriller book covers

Suggested color roles

primary

#1F2528 (Deepest Charcoal) - Ideal for main backgrounds, large content areas, or primary navigation, providing a solid, dark foundation.

secondary

#2C3539 (Dark Charcoal) - Excellent for secondary backgrounds, card elements, or prominent UI components, offering subtle variation.

accent

#87CEEB (Vibrant Sky Blue) - Use for calls-to-action, important links, or interactive elements to provide a clear, luminous highlight.

background

#1F2528 (Deepest Charcoal) - The darkest shade, providing an elegant and immersive base that allows lighter elements to gleam.

text

#B0C4DE (Soft Light Steel Blue) - Suitable for body text or detailed information against dark backgrounds. For headlines, #87CEEB can be impactful.

Accessibility notes

Ensure sufficient contrast when using #B0C4DE or #87CEEB for text on the darker charcoals (#1F2528, #2C3539).
Avoid using #4F5D75 for small text on #2C3539 due to potentially low contrast.
The lighter blues (#B0C4DE, #87CEEB) should be primarily used for text and interactive elements on the darker backgrounds.
Always test font sizes and weights with chosen color combinations to optimize legibility across devices.

Recommended combinations

Urban Night

Creates a deep, moody urban backdrop, perfect for dark mode themes, sophisticated websites, or background textures.

#1F2528 · #2C3539 · #4F5D75

City Glow

Provides a striking contrast, ideal for highlighting key information, interactive elements, or creating a luminous effect.

#2C3539 · #B0C4DE · #87CEEB

Sleek Interface

A modern and clean combination, suitable for high-tech UIs, data dashboards, or minimalist branding.

#1F2528 · #4F5D75 · #87CEEB

CSS variables

:root {
  --night-city-gleam-1: #2C3539;
  --night-city-gleam-2: #4F5D75;
  --night-city-gleam-3: #B0C4DE;
  --night-city-gleam-4: #87CEEB;
  --night-city-gleam-5: #1F2528;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "night-city-gleam": {
        1: "#2C3539",
        2: "#4F5D75",
        3: "#B0C4DE",
        4: "#87CEEB",
        5: "#1F2528",
      }
    }
  }
}

Hex values

Color 1#2C3539

Color 2#4F5D75

Color 3#B0C4DE

Color 4#87CEEB

Color 5#1F2528

Accessibility

Contrast checker

1.9:1Fail

7:1AAA

7.2:1AAA

1.2:1Fail

1.9:1Fail

3.7:1AA18

3.8:1AA18

2.3:1Fail

7:1AAA

3.7:1AA18

1:1Fail

8.7:1AAA

7.2:1AAA

3.8:1AA18

1:1Fail

8.9:1AAA

1.2:1Fail

2.3:1Fail

8.7:1AAA

8.9:1AAA

Similar palettes

More like Night City Gleam

View all Dark

Arid Dusk Hues

Midnight Ocean Depths

Rainy City Nights

Urban Rain Puddles

Celestial Ocean Depth

Deep Sea Lumen