Palette

Retro Future Chrome

Sleek grays paired with iridescent blues and greens, inspired by the polished surfaces and sci-fi aesthetic of retrofuturism.

coolretro5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Future Chrome 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 Future Chrome.

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

Data visualization

#4B4B4B#8B8B8B#CFCFCF#A0D2EB#50C878

Palette guide

How to use Retro Future Chrome

Overview

The Retro Future Chrome palette delivers a sleek, industrial aesthetic inspired by polished surfaces and sci-fi visuals. Its foundation of sophisticated grays—from dark #4B4B4B to light #CFCFCF—provides a versatile, modern base. Accents of iridescent blue, #A0D2EB, and vibrant green, #50C878, inject a futuristic pop, reminiscent of glowing screens and advanced technology. This palette is perfect for designers and developers crafting projects that require a clean, high-tech feel with a nostalgic nod to classic sci-fi, offering a balance of understated elegance and subtle vibrancy for digital interfaces and product design.

Best used for

Tech startup branding and websites
Automotive design concepts and presentations
Sci-fi game UI and environmental graphics
Industrial product design and packaging
Minimalist or brutalist UI/UX designs
Architectural visualizations with a modern edge

Suggested color roles

primary

Use #4B4B4B (Dark Gray) for strong foundational elements, primary navigation, or prominent headings to establish a robust, modern feel.

secondary

Employ #A0D2EB (Light Blue) for interactive elements, secondary calls-to-action, or to introduce a subtle futuristic glow.

accent

Apply #50C878 (Green) sparingly for status indicators, success messages, or small vibrant accents that stand out against the grays.

background

Utilize #CFCFCF (Light Gray) as a clean, expansive background, or #4B4B4B (Dark Gray) for a more dramatic, immersive backdrop.

text

For optimal readability on light backgrounds, use #4B4B4B or black. On dark backgrounds, white or #CFCFCF provides excellent contrast.

Accessibility notes

Ensure sufficient contrast when using #A0D2EB (Light Blue) or #50C878 (Green) for text on #CFCFCF (Light Gray); larger font sizes may be required.
White text on #4B4B4B (Dark Gray) or #8B8B8B (Mid Gray) provides excellent contrast for body copy and headings.
Avoid pairing #A0D2EB (Light Blue) with #50C878 (Green) for text elements, as their similar luminance can hinder readability.
Always test color combinations for text and interactive elements to meet WCAG contrast guidelines, especially the vibrant accents.

Recommended combinations

Sleek Interface

Perfect for modern web interfaces, combining a dark base with a cool accent and a clean, light background.

#4B4B4B · #A0D2EB · #CFCFCF

Tech Glow

Ideal for highlighting interactive elements or data visualizations, providing a vibrant pop against neutral tones.

#8B8B8B · #50C878 · #CFCFCF

Deep Futurism

Creates a dramatic, high-tech look with bright accents on a dark, grounding background for impactful visuals.

#A0D2EB · #50C878 · #4B4B4B

CSS variables

:root {
  --retro-future-chrome-1: #4B4B4B;
  --retro-future-chrome-2: #8B8B8B;
  --retro-future-chrome-3: #CFCFCF;
  --retro-future-chrome-4: #A0D2EB;
  --retro-future-chrome-5: #50C878;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-future-chrome": {
        1: "#4B4B4B",
        2: "#8B8B8B",
        3: "#CFCFCF",
        4: "#A0D2EB",
        5: "#50C878",
      }
    }
  }
}

Hex values

Color 1#4B4B4B

Color 2#8B8B8B

Color 3#CFCFCF

Color 4#A0D2EB

Color 5#50C878

Accessibility

Contrast checker

2.6:1Fail

5.6:1AA

5.4:1AA

4.1:1AA18

2.6:1Fail

2.2:1Fail

2.1:1Fail

1.6:1Fail

5.6:1AA

2.2:1Fail

1:1Fail

1.4:1Fail

5.4:1AA

2.1:1Fail

1:1Fail

1.3:1Fail

4.1:1AA18

1.6:1Fail

1.4:1Fail

1.3:1Fail

Similar palettes

More like Retro Future Chrome

Retro Architect Palette

Retro Diner Blues