Back to palettes

Palette

Electric Grapevine

A vibrant, retro-futuristic blend of purples and pinks, reminiscent of glowing neon signs and digital dreams.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7B0099#C600B9#E060FF#8A2BE2#3A008B

Palette guide

How to use Electric Grapevine

Overview

The Electric Grapevine palette is a vibrant, retro-futuristic blend of purples and pinks, reminiscent of glowing neon signs and digital dreams. It features deep #3A008B (Dark Violet) as a grounding base, complemented by the rich #7B0099 (Dark Magenta) and #8A2BE2 (Blue Violet). The palette is electrified by the vivid #C600B9 (Bright Magenta) and the luminous #E060FF (Electric Purple), creating a sense of depth and glow. This combination is ideal for designs that aim to evoke a nostalgic yet modern synthwave aesthetic, perfect for digital interfaces, branding, or artistic projects seeking a mysterious and energetic vibe.

Best used for

  • Synthwave music album art
  • Retro gaming interface design
  • Nightclub or event branding
  • Vaporwave aesthetic projects
  • Fashion and beauty branding
  • Digital art with a neon glow

Suggested color roles

primary

#3A008B (Dark Violet) - Provides a deep, mysterious foundation, excellent for backgrounds or large content areas to create a sense of depth.

secondary

#7B0099 (Dark Magenta) - Offers a rich, sophisticated tone, suitable for subheadings, navigation elements, or secondary graphic accents.

accent

#E060FF (Electric Purple) - A luminous, eye-catching accent for calls-to-action, interactive elements, or key design details that need to pop.

background

#3A008B (Dark Violet) - Ideal for creating a dark, atmospheric backdrop that allows the brighter purples and pinks to truly glow.

text

#C600B9 (Bright Magenta) - Effective for vibrant headlines or short bursts of text. For readability on dark backgrounds, consider white or a very light gray like #EEEEEE for body text.

Accessibility notes

  • Ensure sufficient contrast when using #E060FF or #C600B9 for text on any of the darker purples.
  • Pair #3A008B or #7B0099 with white or light gray text for optimal readability.
  • Avoid using #E060FF for extensive body text due to its high saturation, which can cause eye fatigue.
  • Always test text color against background color to meet WCAG contrast standards, especially for UI elements.

Recommended combinations

Synthwave Depth

Creates a deep, layered effect, perfect for backgrounds with subtle glowing elements or retro-futuristic landscapes.

#3A008B · #8A2BE2 · #C600B9

Neon Pulse

Ideal for vibrant calls-to-action, glowing UI components, or expressive typography that needs to stand out.

#E060FF · #C600B9 · #7B0099

Grapevine Glow

A balanced combination for branding or digital art, offering both depth and a striking electric highlight.

#7B0099 · #3A008B · #E060FF

CSS variables

:root {
  --electric-grapevine-1: #7B0099;
  --electric-grapevine-2: #C600B9;
  --electric-grapevine-3: #E060FF;
  --electric-grapevine-4: #8A2BE2;
  --electric-grapevine-5: #3A008B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-grapevine": {
        1: "#7B0099",
        2: "#C600B9",
        3: "#E060FF",
        4: "#8A2BE2",
        5: "#3A008B",
      }
    }
  }
}

Related searches

retro neon purple palettesynthwave color schemevibrant violet designglowing cyberpunk colorselectric magenta gradients

Palette colors

Hex values

Color 1#7B0099
·
Color 2#C600B9
·
Color 3#E060FF
·
Color 4#8A2BE2
·
Color 5#3A008B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
1.5:1Fail
1.5:1Fail
2
1.8:1Fail
1.8:1Fail
1.2:1Fail
2.6:1Fail
3
3.2:1AA18
1.8:1Fail
2.1:1Fail
4.7:1AA
4
1.5:1Fail
1.2:1Fail
2.1:1Fail
2.3:1Fail
5
1.5:1Fail
2.6:1Fail
4.7:1AA
2.3:1Fail

Similar palettes

More like Electric Grapevine

View all vibrant
Synthwave Sundown Grid
Neon Dream Sequence
Retro Glow Grid
Synthwave Sunset
Synthwave Sunset Drive
Arcade Neon Dreams