Palette

Electric Synth Pulse

A high-energy collection of electrifying neons and bright hues, reminiscent of a retro-futuristic arcade.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Synth 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 Electric Synth Pulse.

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

Data visualization

#00F2F2#8A2BE2#FF00FF#FFFF00#FF4500

Palette guide

How to use Electric Synth Pulse

Overview

The Electric Synth Pulse palette is a high-energy collection of electrifying neons and bright hues, reminiscent of a retro-futuristic arcade. It features the vibrant #00F2F2 (Electric Cyan), mysterious #8A2BE2 (Blue Violet), intense #FF00FF (Magenta), luminous #FFFF00 (Yellow), and energetic #FF4500 (OrangeRed). This collection is perfect for designs that evoke cyberpunk, synthwave, or retro-tech themes, demanding immediate visual impact. Designers can leverage these hues for stark contrasts, glowing UI elements, or dynamic typography. Developers will find it excellent for creating immersive user experiences in applications, websites, or games that require a distinctly modern, energetic, and visually compelling feel, especially for music apps or creative platforms.

Best used for

Retro arcade game interfaces
Synthwave music album art
Cyberpunk themed web design
Tech event branding
Digital art with neon accents
Dynamic website headers

Suggested color roles

primary

#FF00FF (Magenta) - A powerful, energetic primary color, ideal for main branding elements, large graphic areas, or a dominant background color for high impact.

secondary

#00F2F2 (Electric Cyan) - Provides a cool, electric balance, perfect for secondary interactive elements, subheadings, or background accents, mimicking digital displays.

accent

#FFFF00 (Yellow) - A luminous, attention-grabbing accent for alerts, notifications, or critical information that needs immediate visibility, like arcade lights.

background

#8A2BE2 (Blue Violet) - A dynamic and cool background that can command attention, best used sparingly. For a more versatile dark background, consider black or a deep charcoal.

text

#FF4500 (OrangeRed) - Effective for striking headlines on lighter backgrounds. For body text, black or a very dark gray (e.g., #1A1A1A) will offer better readability on lighter backgrounds.

Accessibility notes

Ensure high contrast when pairing #FFFF00 or #00F2F2 with light backgrounds; dark text is usually necessary.
Avoid using #FF00FF, #FF4500, or #8A2BE2 for small body text due to their intensity.
When using #8A2BE2 as a background, ensure text colors (e.g., white or yellow) meet WCAG contrast ratios.
Prioritize dark text (e.g., black) on #FFFF00, and white text on #FF00FF or #00F2F2 for optimal readability.

Recommended combinations

Synthwave Grid

Creates a classic synthwave aesthetic, ideal for backgrounds, headers, or any design needing cool, intense energy with a digital feel.

#8A2BE2 · #00F2F2 · #FF00FF

Arcade Pulse

Perfect for vibrant highlights, interactive elements, or a fresh, modern feel in digital interfaces, mimicking arcade game graphics.

#FFFF00 · #FF4500 · #00F2F2

Electric Burst

A bold and striking trio for expressive art, attention-grabbing calls-to-action, or lively interface elements with an energetic, futuristic twist.

#FF00FF · #FFFF00 · #FF4500

CSS variables

:root {
  --electric-synth-pulse-1: #00F2F2;
  --electric-synth-pulse-2: #8A2BE2;
  --electric-synth-pulse-3: #FF00FF;
  --electric-synth-pulse-4: #FFFF00;
  --electric-synth-pulse-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-synth-pulse": {
        1: "#00F2F2",
        2: "#8A2BE2",
        3: "#FF00FF",
        4: "#FFFF00",
        5: "#FF4500",
      }
    }
  }
}

Hex values

Color 1#00F2F2

Color 2#8A2BE2

Color 3#FF00FF

Color 4#FFFF00

Color 5#FF4500

Accessibility

Contrast checker

4.3:1AA18

2.2:1Fail

1.3:1Fail

2.5:1Fail

4.3:1AA18

1.9:1Fail

5.5:1AA

1.7:1Fail

2.2:1Fail

1.9:1Fail

2.9:1Fail

1.1:1Fail

1.3:1Fail

5.5:1AA

2.9:1Fail

3.2:1AA18

2.5:1Fail

1.7:1Fail

1.1:1Fail

3.2:1AA18

Similar palettes

More like Electric Synth Pulse

Cybernetic Glitch Neon

Cyberpunk Afterglow