Back to palettes

Palette

Pixelwave Night

A glowing tribute to vintage arcade nights, with electric hues against a shadowy backdrop.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pixelwave Night 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 Pixelwave Night.

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

Data visualization

#2C2C34#6C3D8F#E13460#4AD8CD#F2EE6D

Palette guide

How to use Pixelwave Night

Overview

The "Pixelwave Night" palette is a vibrant, retro-inspired collection designed for digital interfaces and creative projects seeking an energetic, cyberpunk aesthetic. Anchored by the deep, mysterious background of `#2C2C34`, it features electric hues like the striking magenta `#E13460` and the cool, digital teal `#4AD8CD`. The palette is further enlivened by the neon purple `#6C3D8F` and the bright, almost-fluorescent yellow `#F2EE6D`, creating a high-contrast, dynamic visual experience. Ideal for developers building arcade-style games or designers crafting futuristic branding, this collection ensures elements pop while maintaining a cohesive, dark mode feel. It evokes nostalgia for vintage screens with a modern edge.

Best used for

  • Retro arcade game interfaces
  • Cyberpunk-themed branding and websites
  • Dark mode UI/UX designs
  • Music festival posters or digital art
  • Twitch stream overlays
  • Sci-fi book covers

Suggested color roles

primary

Use `#2C2C34` as the dominant dark background, providing a stable, shadowy canvas for the vibrant accents to truly glow.

secondary

`#6C3D8F` works well for secondary UI elements, large text blocks, or subtle gradients, offering a rich purple depth.

accent

Deploy `#E13460` for calls-to-action, active states, or critical notifications to grab immediate attention with its strong, energetic pink.

background

`#2C2C34` serves as the primary dark background, ensuring other colors stand out sharply.

text

For primary text, use `#F2EE6D` or `#4AD8CD` against `#2C2C34` for high readability. For less critical text, a light gray or white can also work.

Accessibility notes

  • Ensure sufficient contrast when using `#6C3D8F` for text against `#2C2C34`; consider larger font sizes or a lighter alternative.
  • The vibrant accents like `#E13460` and `#F2EE6D` have excellent contrast against `#2C2C34` for critical elements.
  • Avoid using `#F2EE6D` or `#4AD8CD` directly on top of each other for text to prevent readability issues.
  • Test color combinations with accessibility tools, especially for users with color vision deficiencies, as some neon hues might blend.

Recommended combinations

Cyberpunk UI

Ideal for dark mode interfaces, using the dark as background, pink for interactive elements, and teal for data visualization or icons.

#2C2C34 · #E13460 · #4AD8CD

Retro Glow

Perfect for headings or hero sections, with yellow as a highlight against the dark and purple for secondary graphic elements.

#2C2C34 · #F2EE6D · #6C3D8F

Arcade Pop

Great for playful, high-energy graphics or game elements where purple provides depth, and pink/yellow offer dynamic contrast.

#6C3D8F · #E13460 · #F2EE6D

CSS variables

:root {
  --pixelwave-night-1: #2C2C34;
  --pixelwave-night-2: #6C3D8F;
  --pixelwave-night-3: #E13460;
  --pixelwave-night-4: #4AD8CD;
  --pixelwave-night-5: #F2EE6D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pixelwave-night": {
        1: "#2C2C34",
        2: "#6C3D8F",
        3: "#E13460",
        4: "#4AD8CD",
        5: "#F2EE6D",
      }
    }
  }
}

Related searches

neon cyberpunk color schemedark mode retro palettevibrant digital colorsarcade game aestheticpurple pink teal yellow palette

Palette colors

Hex values

Color 1#2C2C34
·
Color 2#6C3D8F
·
Color 3#E13460
·
Color 4#4AD8CD
·
Color 5#F2EE6D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
7.9:1AAA
11.4:1AAA
2
1.8:1Fail
1.8:1Fail
4.4:1AA18
6.4:1AA
3
3.2:1AA18
1.8:1Fail
2.5:1Fail
3.5:1AA18
4
7.9:1AAA
4.4:1AA18
2.5:1Fail
1.4:1Fail
5
11.4:1AAA
6.4:1AA
3.5:1AA18
1.4:1Fail

Similar palettes

More like Pixelwave Night

View all vibrant
Arcade Game Flash
Cyber Neon Glitch
Cybernetic Spectrum Surge
Cybernetic Vista Glow
Cyberpunk Electric Surge
Cyberpunk Glitchscape