Back to palettes

Palette

Vintage Sci-Fi Opera

A dramatic palette evoking the futuristic yet classic grandeur of a vintage space opera.

darkretro5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Sci-Fi Opera 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 Vintage Sci-Fi Opera.

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

Data visualization

#0A0A1F#3C2B7E#885CCF#D29FEF#6A3DC7

Palette guide

How to use Vintage Sci-Fi Opera

Overview

The Vintage Sci-Fi Opera palette is a dramatic and futuristic collection, perfect for evoking the grandeur of classic space epics with a retro twist. Dominated by deep purples and vibrant accents, it features the near-black #0A0A1F as a stellar backdrop, complemented by the rich indigo #3C2B7E. The palette truly shines with the luminous #885CCF and the striking #6A3DC7, offering brilliant options for energy and focus. The lightest shade, #D29FEF, provides ethereal highlights. Designers can use this palette to create captivating game interfaces, striking poster designs, or immersive digital experiences that blend mystery with cosmic elegance.

Best used for

  • Sci-fi game UI/UX
  • Movie poster design
  • Retro-futuristic branding
  • Event promotion for music festivals
  • Digital art and illustrations
  • Dark mode web themes

Suggested color roles

primary

A vibrant, energetic purple like #6A3DC7 that commands attention, ideal for main headings, calls-to-action, or hero elements.

secondary

A lighter, luminous purple like #885CCF that supports the primary, suitable for subheadings, secondary buttons, or graphic details.

accent

A bright, ethereal lavender like #D29FEF, used sparingly for glowing effects, hover states, or subtle highlights.

background

A deep, almost black indigo like #0A0A1F, providing a vast, cosmic canvas for the vibrant purples to truly pop.

text

Use the bright #D29FEF for body text and lighter elements against the dark #0A0A1F background. #885CCF can be used for headings or significant text to maintain contrast and readability.

Accessibility notes

  • Ensure high contrast for text, using #D29FEF or #885CCF on #0A0A1F for readability.
  • Avoid using #3C2B7E for body text on the #0A0A1F background, as contrast may be insufficient.
  • For interactive elements, ensure clear visual cues beyond color, such as underlines or icons.
  • Check contrast ratios carefully, especially for smaller text or delicate UI elements against dark backgrounds.

Recommended combinations

Cosmic Depth

Deep backgrounds with layered, progressively brighter purples for depth and focus.

#0A0A1F · #3C2B7E · #6A3DC7

Neon Glow

Dark canvas with luminous mid-tones and bright highlights for futuristic interfaces or energy effects.

#0A0A1F · #885CCF · #D29FEF

Dramatic Contrast

A rich purple base with a strong primary and a sparkling accent for impactful calls to action or titles.

#3C2B7E · #6A3DC7 · #D29FEF

CSS variables

:root {
  --vintage-sci-fi-opera-1: #0A0A1F;
  --vintage-sci-fi-opera-2: #3C2B7E;
  --vintage-sci-fi-opera-3: #885CCF;
  --vintage-sci-fi-opera-4: #D29FEF;
  --vintage-sci-fi-opera-5: #6A3DC7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-sci-fi-opera": {
        1: "#0A0A1F",
        2: "#3C2B7E",
        3: "#885CCF",
        4: "#D29FEF",
        5: "#6A3DC7",
      }
    }
  }
}

Related searches

dark purple color paletteretro sci-fi colorsfuturistic neon palettespace opera aestheticdeep cosmic colors

Palette colors

Hex values

Color 1#0A0A1F
·
Color 2#3C2B7E
·
Color 3#885CCF
·
Color 4#D29FEF
·
Color 5#6A3DC7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
4.2:1AA18
9.2:1AAA
2.9:1Fail
2
1.7:1Fail
2.4:1Fail
5.4:1AA
1.7:1Fail
3
4.2:1AA18
2.4:1Fail
2.2:1Fail
1.4:1Fail
4
9.2:1AAA
5.4:1AA
2.2:1Fail
3.2:1AA18
5
2.9:1Fail
1.7:1Fail
1.4:1Fail
3.2:1AA18

Similar palettes

More like Vintage Sci-Fi Opera

View all dark
Film Noir Echo
Industrial Steampunk Grit
Rusty Foundry Steel
Speakeasy Lounge Vibe
Steampunk Goggles
Steampunk Inventor's Workshop