Back to palettes

Palette

Cybernetic Cityscape

A dramatic blend of deep purples and electric pinks, capturing the moody glow of a futuristic city at night.

darkenergetic5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cybernetic Cityscape 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 Cybernetic Cityscape.

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

Data visualization

#1A1A2E#283C63#6B3070#EE4C7C#FFD93D

Palette guide

How to use Cybernetic Cityscape

Overview

The Cybernetic Cityscape palette weaves a dramatic narrative of deep, moody purples and blues with electric pinks and glowing yellows, perfectly capturing the essence of a futuristic city at night. It features a profound dark indigo (#1A1A2E), a rich navy blue (#283C63), a mysterious deep magenta (#6B3070), a vibrant hot pink (#EE4C7C), and a luminous golden yellow (#FFD93D). This palette provides designers and developers with a sophisticated yet energetic range for creating immersive, high-tech environments, moody interfaces, and branding that speaks to innovation and bold nocturnal aesthetics.

Best used for

  • Sci-fi game concept art and environment design
  • Dark mode UI themes for creative applications
  • Fashion and beauty branding with an edgy, futuristic vibe
  • Event posters for electronic music or art installations
  • Digital art and illustration with atmospheric depth
  • Interactive media that requires a dramatic, glowing aesthetic

Suggested color roles

primary

Use #EE4C7C (Hot Pink) for main calls-to-action, key highlights, or interactive elements that need to stand out vibrantly.

secondary

Apply #FFD93D (Luminous Golden Yellow) for secondary highlights, data points, or to add a warm, energetic glow against the cooler tones.

accent

Reserve #6B3070 (Deep Magenta) for subtle background elements, layered textures, or to add depth to interactive states.

background

Utilize #1A1A2E (Dark Indigo) as the primary dark background color, offering a deep, mysterious base that lets the brighter colors glow.

text

Pair #FFD93D (Luminous Golden Yellow) or #EE4C7C (Hot Pink) for headings; use white for general body text on dark backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #6B3070 or #283C63 for text on #1A1A2E. Prioritize #FFD93D or white.
  • Avoid using #6B3070 and #283C63 for critical information if color is the sole differentiator, due to their similar dark values.
  • Use #1A1A2E as a strong background for light text, like #FFD93D or white, ensuring good readability.
  • For color-blind users, consider using icons or other visual cues in addition to color for important UI elements.

Recommended combinations

Night Glow

A dark, moody background with vibrant pink for neon signs and golden yellow for glowing windows.

#1A1A2E · #EE4C7C · #FFD93D

Deep Tech

Create layered depths for complex interfaces or atmospheric backgrounds, moving from dark to slightly lighter, muted tones.

#1A1A2E · #283C63 · #6B3070

Urban Pulse

Use for energetic data visualizations or interactive elements, combining a deep blue base with vibrant pink and yellow accents.

#283C63 · #EE4C7C · #FFD93D

CSS variables

:root {
  --cybernetic-cityscape-1: #1A1A2E;
  --cybernetic-cityscape-2: #283C63;
  --cybernetic-cityscape-3: #6B3070;
  --cybernetic-cityscape-4: #EE4C7C;
  --cybernetic-cityscape-5: #FFD93D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cybernetic-cityscape": {
        1: "#1A1A2E",
        2: "#283C63",
        3: "#6B3070",
        4: "#EE4C7C",
        5: "#FFD93D",
      }
    }
  }
}

Related searches

cyberpunk city colorsdark neon future palettemoody tech aestheticurban glow color schemedramatic sci-fi colors

Palette colors

Hex values

Color 1#1A1A2E
·
Color 2#283C63
·
Color 3#6B3070
·
Color 4#EE4C7C
·
Color 5#FFD93D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.9:1Fail
4.8:1AA
12.4:1AAA
2
1.6:1Fail
1.2:1Fail
3.1:1AA18
8:1AAA
3
1.9:1Fail
1.2:1Fail
2.6:1Fail
6.7:1AA
4
4.8:1AA
3.1:1AA18
2.6:1Fail
2.6:1Fail
5
12.4:1AAA
8:1AAA
6.7:1AA
2.6:1Fail

Similar palettes

More like Cybernetic Cityscape

View all dark
Cyberpunk Cityscape
Cyberpunk Metropolis
Cyberpunk Neon Grid
Midnight City Pulse
Urban Neon Twilight
Digital Synthwave Haze