Palette

Cybernetic Vista Glow

A dazzling, dark palette capturing the electric glow of a futuristic city at night.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cybernetic Vista Glow 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 Cybernetic Vista Glow.

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

Data visualization

#0A0A0A#2C003E#00C6FF#CC00FF#00FFCC

Palette guide

How to use Cybernetic Vista Glow

Overview

The Cybernetic Vista Glow palette is a dazzling, dark collection that captures the electric glow of a futuristic city at night. It features a profound near-black (#0A0A0A) and a deep, mysterious indigo-purple (#2C003E) as its base, dramatically contrasted by a brilliant electric blue (#00C6FF), an intense magenta-purple (#CC00FF), and a vibrant aqua-green (#00FFCC). This palette is designed for designers and developers seeking to create immersive, high-tech environments and sophisticated interfaces that convey depth, digital luminosity, and a sense of advanced cyberpunk aesthetics. It's both energetic and profoundly captivating.

Best used for

Sci-fi game environments and cinematic sequences
Digital art and illustration with dark, glowing scenes
Virtual reality and augmented reality applications
Tech company branding for innovative products
Event promotions for immersive experiences or art installations
Motion graphics simulating holographic displays

Suggested color roles

primary

Use #00C6FF (Electric Blue) for main interactive elements, key highlights, or branding that needs to convey clarity and digital presence.

secondary

Apply #CC00FF (Magenta-Purple) for secondary calls-to-action, warnings, or to create a vibrant, energetic contrast.

accent

Reserve #00FFCC (Vibrant Aqua-Green) for subtle glows, background textures, or to add a refreshing, data-stream feel.

background

Utilize #0A0A0A (Near Black) as the foundational dark canvas, providing a stark contrast that makes the neon colors truly burst and glow.

text

Pair #00C6FF (Electric Blue) or #00FFCC (Vibrant Aqua-Green) for headings; use white for general body text on dark backgrounds.

Accessibility notes

Ensure high contrast for text. #00C6FF and #00FFCC on #0A0A0A are generally good. Check #CC00FF on #0A0A0A for smaller text.
Avoid using #2C003E and #CC00FF in close proximity for critical information if color is the sole differentiator, due to their similar hue family and potential for color blindness issues.
Use #0A0A0A provides an excellent dark background for lighter, luminous text, ensuring good readability.
For critical information, always provide alternative visual cues (icons, underlines) in addition to color.

Recommended combinations

Vista Horizon

A dark background with deep indigo-purple for atmospheric depth and electric blue for distant city glows or sky.

#0A0A0A · #2C003E · #00C6FF

Holographic Display

Use for UI elements, with near-black as the base, magenta-purple for main data, and aqua-green for interactive overlays.

#0A0A0A · #CC00FF · #00FFCC

Cyber Glow

Combine these vibrant hues for dynamic animations, loading indicators, or energetic transitions, representing digital energy.

#00C6FF · #CC00FF · #00FFCC

CSS variables

:root {
  --cybernetic-vista-glow-1: #0A0A0A;
  --cybernetic-vista-glow-2: #2C003E;
  --cybernetic-vista-glow-3: #00C6FF;
  --cybernetic-vista-glow-4: #CC00FF;
  --cybernetic-vista-glow-5: #00FFCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cybernetic-vista-glow": {
        1: "#0A0A0A",
        2: "#2C003E",
        3: "#00C6FF",
        4: "#CC00FF",
        5: "#00FFCC",
      }
    }
  }
}

Hex values

Color 1#0A0A0A

Color 2#2C003E

Color 3#00C6FF

Color 4#CC00FF

Color 5#00FFCC

Accessibility

Contrast checker

1.1:1Fail

9.9:1AAA

4.7:1AA

15.3:1AAA

1.1:1Fail

8.9:1AAA

4.3:1AA18

13.7:1AAA

9.9:1AAA

8.9:1AAA

2.1:1Fail

1.5:1Fail

4.7:1AA

4.3:1AA18

2.1:1Fail

3.2:1AA18

15.3:1AAA

13.7:1AAA

1.5:1Fail

3.2:1AA18

Similar palettes

More like Cybernetic Vista Glow

View all vibrant

Cybernetic Gridscape

Cyberpunk Afterglow

Cyberpunk Alley Night

Cyberpunk Glitchscape

Cyberpunk Neon Blaze

Cyberpunk Neon Drive