Palette

Retro Futurism Grid

A bold and electric mix of synthwave neons, inspired by 80s retro-futuristic aesthetics.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Futurism Grid 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 Retro Futurism Grid.

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

Data visualization

#FF00FF#00FFFF#FFD700#191970#008B8B

Palette guide

How to use Retro Futurism Grid

Overview

The Retro Futurism Grid palette is a bold and electric mix of synthwave neons, directly inspired by 80s retro-futuristic aesthetics. Intense fuchsia #FF00FF, vivid cyan #00FFFF, and radiant gold #FFD700 create a high-energy glow, perfectly set against the deep, immersive midnight blue #191970 and mysterious dark cyan #008B8B. This palette is a dynamic choice for designers and developers crafting projects that demand a strong visual impact, evoking the iconic grid patterns and digital landscapes of vintage tech. It provides a vibrant foundation for cyberpunk themes, gaming interfaces, and energetic branding.

Best used for

Cyberpunk media and game design
Gaming interfaces and UI elements
Music visuals and album art
Event posters and digital advertising
Tech branding with a vintage twist
Interactive art installations

Suggested color roles

primary

Use #FF00FF (Fuchsia) for main calls-to-action, prominent headlines, or key brand elements to create an intense, energetic focal point.

secondary

Employ #00FFFF (Cyan) for complementary sections, glow effects, or interactive states, adding an electric, futuristic feel.

accent

Apply #FFD700 (Gold) sparingly for highlights, small icons, or to simulate light sources, creating a radiant pop.

background

Utilize #191970 (Midnight Blue) as a deep, immersive background, or #008B8B (Dark Cyan) for a mysterious, tech-inspired base.

text

White or #FFD700 (Gold) are ideal for headings and important text on dark backgrounds. For larger body text, ensure high contrast with dark charcoal on lighter accents.

Accessibility notes

The vibrant colors require dark backgrounds for high contrast and readability. Avoid light backgrounds.
Avoid using #FFD700 (Gold) for small body text; reserve it for large headings or accents due to potential contrast issues, especially on #008B8B.
White text on #191970 (Midnight Blue) provides excellent readability for body content.
Be mindful when pairing #00FFFF (Cyan) text on #008B8B (Dark Cyan) as their similar luminosity might affect visual clarity for some users.

Recommended combinations

Grid Synthwave

The classic neon synthwave grid aesthetic, perfect for hero sections, digital art, or dynamic backgrounds.

#FF00FF · #00FFFF · #191970

Electric Glow

Combines a warm accent on a cool base with a vibrant pop, ideal for creating focal points or energetic highlights.

#FFD700 · #008B8B · #FF00FF

Deep Cyber

Creates a cool, deep base with electric blue and gold accents, suitable for futuristic interfaces or immersive visuals.

#00FFFF · #191970 · #FFD700

CSS variables

:root {
  --retro-futurism-grid-1: #FF00FF;
  --retro-futurism-grid-2: #00FFFF;
  --retro-futurism-grid-3: #FFD700;
  --retro-futurism-grid-4: #191970;
  --retro-futurism-grid-5: #008B8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-futurism-grid": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#191970",
        5: "#008B8B",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FFD700

Color 4#191970

Color 5#008B8B

Accessibility

Contrast checker

2.5:1Fail

2.2:1Fail

4.7:1AA

1.3:1Fail

2.5:1Fail

1.1:1Fail

11.8:1AAA

3.3:1AA18

2.2:1Fail

1.1:1Fail

10.6:1AAA

3:1Fail

4.7:1AA

11.8:1AAA

10.6:1AAA

3.6:1AA18

1.3:1Fail

3.3:1AA18

3:1Fail

3.6:1AA18

Similar palettes

More like Retro Futurism Grid

View all vibrant

Retro Game Grid

Retro Synthwave Pulse

Retro Synthwave Sunset

Synthwave Dusk

80s Arcade Glow

Electric Synthwave Drive