Palette

Retro Futurism Glide

A cool, slick blend of retro sci-fi vibes and futuristic neon glows, inspired by vintage technology.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00CED1#FF1493#1E90FF#D3D3D3#000080

Palette guide

How to use Retro Futurism Glide

Overview

The Retro Futurism Glide palette offers a cool, slick blend of retro sci-fi vibes and futuristic neon glows, inspired by vintage technology. Anchored by a deep navy #000080 and clean light gray #D3D3D3, it provides a stable yet dynamic foundation. Electric turquoise #00CED1, vibrant hot pink #FF1493, and striking dodger blue #1E90FF inject a compelling neon energy. This palette is ideal for designers and developers crafting projects that require a sophisticated yet playful aesthetic, perfect for modern retro branding, sleek digital interfaces, or any design aiming for a cool, polished futuristic feel.

Best used for

Tech startup branding and websites
Space-themed game UI and environments
Sleek product interfaces and dashboards
Digital art and illustration with neon accents
Modern retro branding and marketing materials
Vintage computer-inspired graphics

Suggested color roles

primary

Use #00CED1 (Turquoise) for primary calls-to-action, main headlines, or key brand elements to convey a cool, futuristic feel.

secondary

Employ #FF1493 (Hot Pink) for complementary sections, secondary navigation, or to introduce a vibrant, energetic contrast.

accent

Apply #1E90FF (Dodger Blue) sparingly for highlights, interactive states, or small icons, adding an electric pop.

background

Utilize #D3D3D3 (Light Gray) for a clean, expansive background, or #000080 (Navy) for a deep, dramatic backdrop.

text

White text on #000080 (Navy) provides excellent readability. For light backgrounds, use #000080 or a dark charcoal.

Accessibility notes

Ensure sufficient contrast when using #00CED1 (Turquoise) or #FF1493 (Hot Pink) for text on #D3D3D3 (Light Gray); larger font sizes may be required.
White text on #000080 (Navy) provides excellent contrast for body copy and headings, meeting WCAG standards.
Avoid placing #FF1493 (Hot Pink) directly on #00CED1 (Turquoise) for small text due to potential low contrast between the vibrant hues.
Always test color combinations for text and interactive elements to meet WCAG contrast guidelines, especially with the vibrant accents.

Recommended combinations

Cool Neon

Combines cool neon with a deep, dramatic base, ideal for hero sections, striking visuals, or energetic branding.

#00CED1 · #FF1493 · #000080

Sleek Tech

A sleek blue accent on a clean base with a dark anchor, suitable for modern interfaces or minimalist designs.

#1E90FF · #D3D3D3 · #000080

Vibrant Glide

A high-energy triad for dynamic elements, interactive features, or designs needing an immediate, vibrant impact.

#FF1493 · #00CED1 · #1E90FF

CSS variables

:root {
  --retro-futurism-glide-1: #00CED1;
  --retro-futurism-glide-2: #FF1493;
  --retro-futurism-glide-3: #1E90FF;
  --retro-futurism-glide-4: #D3D3D3;
  --retro-futurism-glide-5: #000080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-futurism-glide": {
        1: "#00CED1",
        2: "#FF1493",
        3: "#1E90FF",
        4: "#D3D3D3",
        5: "#000080",
      }
    }
  }
}

Hex values

Color 1#00CED1

Color 2#FF1493

Color 3#1E90FF

Color 4#D3D3D3

Color 5#000080

Accessibility

Contrast checker

1.9:1Fail

1.7:1Fail

1.3:1Fail

8.2:1AAA

1.9:1Fail

1.1:1Fail

2.4:1Fail

4.4:1AA18

1.7:1Fail

1.1:1Fail

2.2:1Fail

4.9:1AA

1.3:1Fail

2.4:1Fail

2.2:1Fail

10.7:1AAA

8.2:1AAA

4.4:1AA18

4.9:1AA

10.7:1AAA

Similar palettes

More like Retro Futurism Glide

View all vibrant

Electric Grapevine

Neon Dream Sequence

Pixelated Arcade Glitch

Retro Glow Grid

Retro Vaporwave Sunset

Synthwave Horizon Glitch