Palette

Retro Space Lounge

A playful, vibrant set of colors evoking the stylish futurism of a retro space lounge.

retroretro5 colors

More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Space Lounge 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 Space Lounge.

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

Data visualization

#E74C3C#2D9DD1#F4D03F#5D737E#2CC1B0

Palette guide

How to use Retro Space Lounge

Overview

The Retro Space Lounge palette captures the stylish futurism of mid-century design with a playful twist. It features a bold Lava Red #E74C3C, a cool Cerulean #2D9DD1, a sunny Saffron Yellow #F4D03F, a sophisticated Steel Gray #5D737E, and a refreshing Teal #2CC1B0. This collection is perfect for designs that aim for a blend of vintage charm and futuristic optimism. Designers can leverage these hues for dynamic branding, engaging UI, or evocative illustrations. Developers will find these hex codes ideal for crafting consistent, stylish, and memorable digital experiences with a retro-modern edge.

Best used for

Mid-century modern branding
Retro-futuristic web applications
Lounge or bar interiors (visualizations)
Album art for indie music
Animation and motion graphics
Product packaging with a vintage twist

Suggested color roles

primary

The bold Lava Red, #E74C3C, serves as an energetic primary color, perfect for calls to action, main headlines, or impactful graphical elements.

secondary

The cool Cerulean, #2D9DD1, offers a refreshing contrast, ideal for navigation, sub-headers, or complementary sections.

accent

The sunny Saffron Yellow, #F4D03F, is a vibrant accent, perfect for highlights, icons, or small decorative details that need to pop.

background

The sophisticated Steel Gray, #5D737E, provides a grounding, modern background that allows the brighter colors to truly stand out.

text

For optimal readability on lighter shades like #F4D03F, use a dark color such as #5D737E or black (#000000). White text (#FFFFFF) is highly recommended for #E74C3C, #2D9DD1, #5D737E, and #2CC1B0.

Accessibility notes

Ensure sufficient contrast when using #F4D03F as text on light backgrounds; it pairs best with very dark colors like #5D737E or black.
White text (#FFFFFF) on #E74C3C, #2D9DD1, #5D737E, and #2CC1B0 will generally meet WCAG AA contrast standards.
Avoid using #2CC1B0 as text on #2D9DD1; their similar hues and values could lead to poor readability for some users.
Always test all color combinations for contrast ratios, especially for critical information and interactive elements.

Recommended combinations

Vibrant Retro

Creates a high-energy, playful retro aesthetic, ideal for branding, headers, or dynamic illustrations.

#E74C3C · #2D9DD1 · #F4D03F

Modern Edge

Perfect for creating a sophisticated yet engaging design, suitable for UI elements, data visualization, or corporate branding with a twist.

#5D737E · #2CC1B0 · #E74C3C

Sunny Contrast

Effective for drawing attention to key information, creating distinct sections, or adding a cheerful pop to more subdued layouts.

#F4D03F · #5D737E · #2D9DD1

CSS variables

:root {
  --retro-space-lounge-1: #E74C3C;
  --retro-space-lounge-2: #2D9DD1;
  --retro-space-lounge-3: #F4D03F;
  --retro-space-lounge-4: #5D737E;
  --retro-space-lounge-5: #2CC1B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-space-lounge": {
        1: "#E74C3C",
        2: "#2D9DD1",
        3: "#F4D03F",
        4: "#5D737E",
        5: "#2CC1B0",
      }
    }
  }
}

Hex values

Color 1#E74C3C

Color 2#2D9DD1

Color 3#F4D03F

Color 4#5D737E

Color 5#2CC1B0

Accessibility

Contrast checker

1.2:1Fail

2.5:1Fail

1.3:1Fail

1.7:1Fail

1.2:1Fail

2:1Fail

1.6:1Fail

1.4:1Fail

2.5:1Fail

2:1Fail

3.3:1AA18

1.5:1Fail

1.3:1Fail

1.6:1Fail

3.3:1AA18

2.2:1Fail

1.7:1Fail

1.4:1Fail

1.5:1Fail

2.2:1Fail

Similar palettes

More like Retro Space Lounge