Back to palettes

Palette

Cyber City Echoes

Deep, futuristic purples evoking the shadowy alleys and glowing interfaces of a sprawling cybernetic city.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cyber City Echoes 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 Cyber City Echoes.

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

Data visualization

#1A1A2E#2C0F4A#4B287E#7247B2#A66ED7

Palette guide

How to use Cyber City Echoes

Overview

The Cyber City Echoes palette delves into a world of deep, shadowy purples, ideal for conveying a sophisticated yet mysterious futuristic aesthetic. Ranging from the near-black #1A1A2E to the luminous #A66ED7, this gradient of hues evokes the subtle glow of interfaces within a sprawling, dark metropolis. #2C0F4A and #4B287E provide excellent mid-tones for depth and layering, while #7247B2 adds a rich, vibrant core. Designers can utilize these hex codes for sleek dark mode applications, evocative digital art, or branding that speaks to innovation and understated power. Developers will find these colors perfect for creating immersive, high-contrast user experiences.

Best used for

  • Cyberpunk game interfaces and environments
  • Dark mode themes for web and mobile apps
  • Futuristic brand identities (tech, gaming)
  • Digital art with a mysterious, neon glow
  • Nightclub or electronic music event promotion
  • Movie title sequences or abstract motion graphics

Suggested color roles

primary

#4B287E - A deep, rich purple that serves as a strong foundation for main content areas and branding.

secondary

#7247B2 - A brighter, more expressive purple, ideal for secondary elements, subheadings, or active states.

accent

#A66ED7 - A luminous, lighter purple that provides a soft, ethereal glow for highlights, icons, or subtle animations.

background

#1A1A2E - A very dark, almost black hue with a hint of purple, perfect for a deep, absorbing background.

text

#A66ED7 - This light purple offers good contrast for headings and key information against darker shades. For body text, consider a slightly muted white or light gray.

Accessibility notes

  • Ensure adequate contrast for text, especially with #A66ED7 or #7247B2 text on darker backgrounds like #1A1A2E.
  • Avoid using #2C0F4A and #4B287E for small text elements that need to be clearly distinct.
  • For body text, a bright white or very light gray may be necessary for readability on the darkest backgrounds.
  • Test color usage in conjunction with font size and weight to ensure all users can easily read content.

Recommended combinations

Shadowed Interface

Creating a deep, layered background with glowing UI elements and clear text.

#1A1A2E · #4B287E · #A66ED7

Neon Glow

Highlighting interactive components or data points against a dark, immersive canvas.

#A66ED7 · #7247B2 · #1A1A2E

Mystic Gradient

Smooth color transitions for banners, hero sections, or abstract background patterns.

#2C0F4A · #4B287E · #7247B2

CSS variables

:root {
  --cyber-city-echoes-1: #1A1A2E;
  --cyber-city-echoes-2: #2C0F4A;
  --cyber-city-echoes-3: #4B287E;
  --cyber-city-echoes-4: #7247B2;
  --cyber-city-echoes-5: #A66ED7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyber-city-echoes": {
        1: "#1A1A2E",
        2: "#2C0F4A",
        3: "#4B287E",
        4: "#7247B2",
        5: "#A66ED7",
      }
    }
  }
}

Related searches

dark cyberpunk color schemefuturistic purple paletteneon glow dark themetech noir aesthetic colorsshadowy urban digital palette

Palette colors

Hex values

Color 1#1A1A2E
·
Color 2#2C0F4A
·
Color 3#4B287E
·
Color 4#7247B2
·
Color 5#A66ED7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.5:1Fail
2.6:1Fail
4.7:1AA
2
1:1Fail
1.5:1Fail
2.6:1Fail
4.6:1AA
3
1.5:1Fail
1.5:1Fail
1.7:1Fail
3.1:1AA18
4
2.6:1Fail
2.6:1Fail
1.7:1Fail
1.8:1Fail
5
4.7:1AA
4.6:1AA
3.1:1AA18
1.8:1Fail

Similar palettes

More like Cyber City Echoes

View all Dark
Neon City Echoes
Lunar Shadow Garden
Midnight Forest Whisper
Midnight Sakura Blooms
Midnight Urban Blues
Moonlit Pine Forest