Palette

Retro Galactic Flight

A bold, vibrant blend of deep blues, electric yellows, and fiery oranges, reminiscent of classic sci-fi art.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Galactic Flight 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 Galactic Flight.

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

Data visualization

#000080#4169E1#ADD8E6#FFFF00#FF8C00

Palette guide

How to use Retro Galactic Flight

Overview

The Retro Galactic Flight palette blasts off with a dynamic blend of deep blues and radiant warm tones, perfect for projects needing a nostalgic yet energetic vibe. Centered around a commanding deep navy #000080, it's beautifully complemented by the vibrant royal blue #4169E1 and a serene light blue #ADD8E6. The palette truly ignites with a brilliant yellow #FFFF00 and a fiery orange #FF8C00, evoking classic sci-fi aesthetics and vintage space exploration. Designers and developers can leverage this scheme to create captivating interfaces, branding, or digital art that feels both retro and futuristic, ensuring high visual impact and memorable user experiences.

Best used for

Retro sci-fi game UI/UX
Vintage space-themed branding
Event posters for retro parties
Children's book illustrations
Website headers and hero sections
Digital art with a cosmic feel

Suggested color roles

primary

#000080 - A deep, commanding navy excellent for main backgrounds or strong brand elements, providing a stable foundation.

secondary

#4169E1 - A vibrant royal blue, ideal for interactive elements, secondary headers, or prominent UI components that need to stand out.

accent

#FFFF00 - A brilliant, electric yellow perfect for calls-to-action, highlights, or energetic iconography, demanding immediate attention.

background

#ADD8E6 - A soft, light blue offering a calming canvas for content, ensuring readability while maintaining the galactic theme.

text

#000080 - Use this deep navy for primary text on lighter backgrounds like #ADD8E6 or a clean white for excellent contrast. For darker backgrounds, consider #FFFF00 or a bright white.

Accessibility notes

Ensure #FFFF00 (yellow) has sufficient contrast against its background, especially for text. Consider using it for larger headings or graphic elements.
Text in #000080 (navy) on #ADD8E6 (light blue) provides good readability.
Avoid using #FF8C00 (orange) and #FFFF00 (yellow) as primary text colors on white backgrounds without careful contrast checking.
Use a tool to verify WCAG contrast ratios for all text and important UI elements, particularly with the bright accents.

Recommended combinations

Cosmic Contrast

A high-contrast trio perfect for main branding, where the deep navy meets bright yellow on a light blue backdrop.

#000080 · #FFFF00 · #ADD8E6

Galactic Glow

Energetic and vibrant, suitable for calls-to-action, game interfaces, or highlighting key information.

#4169E1 · #FF8C00 · #FFFF00

Skyline Blend

A harmonious blue gradient, excellent for backgrounds, subtle UI elements, or depicting spatial depth.

#ADD8E6 · #000080 · #4169E1

CSS variables

:root {
  --retro-galactic-flight-1: #000080;
  --retro-galactic-flight-2: #4169E1;
  --retro-galactic-flight-3: #ADD8E6;
  --retro-galactic-flight-4: #FFFF00;
  --retro-galactic-flight-5: #FF8C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-galactic-flight": {
        1: "#000080",
        2: "#4169E1",
        3: "#ADD8E6",
        4: "#FFFF00",
        5: "#FF8C00",
      }
    }
  }
}

Hex values

Color 1#000080

Color 2#4169E1

Color 3#ADD8E6

Color 4#FFFF00

Color 5#FF8C00

Accessibility

Contrast checker

3.3:1AA18

10.5:1AAA

14.9:1AAA

6.9:1AA

3.3:1AA18

3.2:1AA18

4.5:1AA

2.1:1Fail

10.5:1AAA

3.2:1AA18

1.4:1Fail

1.5:1Fail

14.9:1AAA

4.5:1AA

1.4:1Fail

2.2:1Fail

6.9:1AA

2.1:1Fail

1.5:1Fail

2.2:1Fail

Similar palettes

More like Retro Galactic Flight

View all vibrant

Meadow Bloom Burst

Mediterranean Coastal Art

Astral Nebula Bloom

Azure Lagoon Shimmer

California Dream Wave

Carnival Kaleidoscope