Palette

Galactic City Pulse

An electrifying palette inspired by futuristic neon cityscapes, combining vibrant purples and blues with metallic grey.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic City Pulse 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 Galactic City Pulse.

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

Data visualization

#8A2BE2#4B0082#00CED1#36454F#C0C0C0

Palette guide

How to use Galactic City Pulse

Overview

The Galactic City Pulse palette is an electrifying scheme inspired by futuristic neon cityscapes, combining vibrant purples and blues with metallic grey. Featuring vivid blue-violet #8A2BE2, deep indigo #4B0082, electric teal #00CED1, dark charcoal #36454F, and shimmering silver #C0C0C0, this palette is genuinely useful for designers and developers crafting modern, high-tech experiences. It's perfect for evoking a dynamic, energetic, and sophisticated sci-fi mood. The contrast between the bold neon hues and the grounded metallics allows for striking visual narratives and highly engaging user interfaces that pulse with futuristic energy.

Best used for

Sci-fi game user interfaces
Tech startup branding
Cyberpunk art and illustrations
Futuristic product design
Event lighting and visuals
Modern web and app interfaces

Suggested color roles

primary

#4B0082 provides a deep, mysterious base, anchoring the vibrant neon elements.

secondary

#8A2BE2 offers a vibrant purple, ideal for prominent headings or interactive elements.

accent

#00CED1 delivers an electric teal highlight, perfect for notifications or key interactive states. #C0C0C0 provides a metallic, modern accent.

background

Dark charcoal #36454F or deep indigo #4B0082 for an immersive, futuristic backdrop.

text

White or #C0C0C0 for general readability on dark backgrounds, with #00CED1 for accent headings.

Accessibility notes

Ensure vibrant colors like #8A2BE2 and #00CED1 have sufficient contrast against dark backgrounds.
White or #C0C0C0 text is essential for readability on #36454F and #4B0082.
Be cautious using #C0C0C0 text on #36454F as the contrast may be borderline for small text.
Check contrast for all interactive elements, especially if using #00CED1 on #8A2BE2.

Recommended combinations

Neon Contrast

Ideal for futuristic UI elements, data displays, or striking call-to-action buttons.

#4B0082 · #00CED1 · #C0C0C0

Vibrant Energy

Excellent for cyberpunk-themed graphics, event promotions, or dynamic hero sections.

#8A2BE2 · #00CED1 · #36454F

Metallic Accents

Perfect for tech branding, sophisticated dashboards, or subtle metallic textures.

#36454F · #C0C0C0 · #8A2BE2

CSS variables

:root {
  --galactic-city-pulse-1: #8A2BE2;
  --galactic-city-pulse-2: #4B0082;
  --galactic-city-pulse-3: #00CED1;
  --galactic-city-pulse-4: #36454F;
  --galactic-city-pulse-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-city-pulse": {
        1: "#8A2BE2",
        2: "#4B0082",
        3: "#00CED1",
        4: "#36454F",
        5: "#C0C0C0",
      }
    }
  }
}

Hex values

Color 1#8A2BE2

Color 2#4B0082

Color 3#00CED1

Color 4#36454F

Color 5#C0C0C0

Accessibility

Contrast checker

2.2:1Fail

3:1AA18

1.7:1Fail

3.3:1AA18

2.2:1Fail

6.6:1AA

1.3:1Fail

7.1:1AAA

3:1AA18

6.6:1AA

5.1:1AA

1.1:1Fail

1.7:1Fail

1.3:1Fail

5.1:1AA

5.4:1AA

3.3:1AA18

7.1:1AAA

1.1:1Fail

5.4:1AA

Similar palettes

More like Galactic City Pulse

View all vibrant

Cyber Glow Graffiti

Cybernetic Voltage Surge