Back to palettes

Palette

Neon Pink Circuit

Blindingly bright pinks glow with an artificial intensity, like the pulsing lines of an electric circuit board.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Pink Circuit 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 Neon Pink Circuit.

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

Data visualization

#FF00FF#FF007F#FF00B7#FF33CC#FF66E6

Palette guide

How to use Neon Pink Circuit

Overview

The "Neon Pink Circuit" palette is a dazzling collection of intensely bright pinks, glowing with artificial energy like the pulsing lines of an electric circuit board. It includes #FF00FF, #FF007F, #FF00B7, #FF33CC, and #FF66E6. This monochromatic yet vibrant array is ideal for designers and developers creating projects with a distinct feminine tech aesthetic, vaporwave themes, or any design requiring a powerful, energetic pink statement. The subtle variations in luminosity within the pinks allow for depth and visual interest, ensuring that even a single-hue palette can achieve dynamic and engaging results for branding, UI, or digital art.

Best used for

  • Feminine tech branding and product design
  • Vaporwave and synthwave aesthetics
  • Candy-themed promotions and packaging
  • Fashion-forward digital art and illustration
  • Retro arcade game interfaces
  • Event branding for pop culture or music festivals

Suggested color roles

primary

Utilize #FF00FF as the dominant, bold magenta-pink, establishing the core energetic and vibrant tone of the palette.

secondary

Employ #FF007F for deeper, richer pink elements and #FF00B7 for bright, electric accents, adding variety and visual flow.

accent

Apply #FF33CC for lighter, vibrant glows and #FF66E6 for the softest, most ethereal highlights, guiding attention and adding depth.

background

A deep neutral like pure black or a very dark charcoal is crucial as a background to make these luminous pinks truly pop and create contrast.

text

For primary text and headings, #FF00FF or #FF007F against a dark background offers high visibility. For body text, a crisp white or light grey is recommended against dark, or deep charcoal on lighter pinks.

Accessibility notes

  • The monochromatic nature requires careful contrast planning; always use a very dark background for text to ensure readability.
  • Avoid using similar pinks for text and background elements to prevent visual confusion and ensure sufficient contrast.
  • Use larger font sizes for text colored with the brighter pinks like #FF66E6 to improve legibility against a dark background.
  • Ensure interactive elements have clear visual states beyond just color, especially given the limited hue range.

Recommended combinations

Circuit Core

Ideal for main UI components or branding, capturing the energetic and bold essence of the circuit aesthetic with strong pink contrasts.

#FF00FF · #FF007F · #FF00B7

Soft Glow

Excellent for creating gradients, subtle luminous effects, or backgrounds that evoke a softer, more ethereal yet still vibrant feel.

#FF66E6 · #FF33CC · #FF00B7

Deep Pulse

Use this for striking headlines, layered graphics, or elements requiring maximum visual impact within the pink spectrum, showcasing depth.

#FF007F · #FF00FF · #FF33CC

CSS variables

:root {
  --neon-pink-circuit-1: #FF00FF;
  --neon-pink-circuit-2: #FF007F;
  --neon-pink-circuit-3: #FF00B7;
  --neon-pink-circuit-4: #FF33CC;
  --neon-pink-circuit-5: #FF66E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-pink-circuit": {
        1: "#FF00FF",
        2: "#FF007F",
        3: "#FF00B7",
        4: "#FF33CC",
        5: "#FF66E6",
      }
    }
  }
}

Related searches

neon pink palettecyber pink colorsvibrant pink designmonochromatic pink schemeelectric pink aesthetic

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#FF007F
·
Color 3#FF00B7
·
Color 4#FF33CC
·
Color 5#FF66E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1:1Fail
1.2:1Fail
2
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.5:1Fail
3
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail
4
1:1Fail
1.2:1Fail
1.1:1Fail
1.3:1Fail
5
1.2:1Fail
1.5:1Fail
1.4:1Fail
1.3:1Fail

Similar palettes

More like Neon Pink Circuit

View all vibrant
Cyber Glow Graffiti
Cyberpunk Street Beat
Digital Pixel Bloom
Electric Circuit Board
Galactic Cyber Pulse
Neon Alley Glaze