Palette

Galactic Cyber Pulse

An electrifying array of bright neons against a deep cosmic background, pulsating with futuristic energy.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A0A1F#8A2BE2#00FFFF#FF00FF#39FF14

Palette guide

How to use Galactic Cyber Pulse

Overview

The Galactic Cyber Pulse palette is an electrifying array of bright neons against a deep cosmic background, pulsating with futuristic energy. Grounded by the profound #0A0A1F, it explodes with the vibrant #8A2BE2, the stark #00FFFF (cyan), the intense #FF00FF (magenta), and the striking #39FF14 (neon green). This palette is highly effective for designers and developers creating high-impact, modern, and tech-forward experiences. Its bold contrast and energetic hues are perfect for cyberpunk themes, gaming interfaces, or any project that demands a cutting-edge, dynamic, and visually striking aesthetic, ensuring memorable and engaging user interactions.

Best used for

Cyberpunk game user interfaces and environments
Tech branding and futuristic product designs
Rave event promotions and music festival visuals
Streaming overlays and content creator branding
Energetic app interfaces and digital dashboards
Science fiction movie posters and visual effects

Suggested color roles

primary

Use #0A0A1F as the deep, anchoring dark background, providing a canvas for the vibrant neon elements.

secondary

Employ #8A2BE2 as a strong, electric purple for larger headings, secondary interactive elements, or content dividers.

accent

Apply #00FFFF for calls to action, active states, or key data visualizations, providing a bright, cybernetic pop.

background

Utilize #0A0A1F as the primary background for all elements, ensuring maximum contrast with the neon accents.

text

Recommend #00FFFF or #FF00FF for headlines and important text, ensuring high visibility. For body text, a clean white or light gray is suitable for readability.

Accessibility notes

Ensure neon colors like #00FFFF, #FF00FF, and #39FF14 have excellent contrast on #0A0A1F for readability.
Avoid using two neon colors for text and background directly adjacent, as it can be visually overwhelming.
Use #8A2BE2 for larger text or headings to ensure legibility; small text in this color may be challenging.
Provide options for users to adjust contrast or switch to a high-contrast mode if the neon intensity is too much.

Recommended combinations

Cyber Core

Creates a classic cyberpunk foundation with a deep background and two contrasting neon elements.

#0A0A1F · #8A2BE2 · #00FFFF

Electric Surge

Ideal for dynamic alerts, progress bars, or interactive elements that demand attention.

#0A0A1F · #FF00FF · #39FF14

Neon Pulse

Excellent for vibrant graphical overlays, energy indicators, or highly interactive UI components.

#8A2BE2 · #00FFFF · #FF00FF

CSS variables

:root {
  --galactic-cyber-pulse-1: #0A0A1F;
  --galactic-cyber-pulse-2: #8A2BE2;
  --galactic-cyber-pulse-3: #00FFFF;
  --galactic-cyber-pulse-4: #FF00FF;
  --galactic-cyber-pulse-5: #39FF14;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-cyber-pulse": {
        1: "#0A0A1F",
        2: "#8A2BE2",
        3: "#00FFFF",
        4: "#FF00FF",
        5: "#39FF14",
      }
    }
  }
}

Hex values

Color 1#0A0A1F

Color 2#8A2BE2

Color 3#00FFFF

Color 4#FF00FF

Color 5#39FF14

Accessibility

Contrast checker

3.3:1AA18

15.6:1AAA

6.2:1AA

14.4:1AAA

3.3:1AA18

4.8:1AA

1.9:1Fail

4.4:1AA18

15.6:1AAA

4.8:1AA

2.5:1Fail

1.1:1Fail

6.2:1AA

1.9:1Fail

2.5:1Fail

2.3:1Fail

14.4:1AAA

4.4:1AA18

1.1:1Fail

2.3:1Fail

Similar palettes

More like Galactic Cyber Pulse

View all vibrant

Celestial Aurora Burst

Cosmic Ray Burst

Cyberpunk City Lights

Cyberpunk City Pulse

Cyberpunk Pulse Wave

Cyberpunk Street Beat