Palette

Cyber Alley Glow

Evoking the electrifying blues and aquas of a futuristic city alley at night.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cyber Alley 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 Cyber Alley Glow.

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

Data visualization

#00F5D4#00B8DF#008DC9#005FA7#003A80

Palette guide

How to use Cyber Alley Glow

Overview

The Cyber Alley Glow palette offers a captivating spectrum of cool, electric blues and aquas, perfect for futuristic and tech-driven designs. Ranging from the deep #003A80 to the bright #00F5D4, this gradient evokes the neon-lit depths of a digital cityscape. #00B8DF provides a vibrant secondary hue, while #008DC9 and #005FA7 offer versatile mid-tones for depth and structure. Designers can utilize this palette to create sleek, modern interfaces, captivating digital art, or dynamic branding that conveys innovation and forward-thinking aesthetics. Developers will find these striking hex codes ideal for UI elements that pop and command attention.

Best used for

Tech startup branding and websites
Sci-fi game interfaces and environments
Digital art and animation
Modern corporate presentations
Music festival branding (electronic/synthwave)
Futuristic product design mockups

Suggested color roles

primary

#00B8DF - A vibrant, energetic blue that can define key interactive elements or main brand presence.

secondary

#005FA7 - A deeper, more grounded blue, suitable for supporting content areas, navigation, or backgrounds.

accent

#00F5D4 - A dazzling aqua, perfect for highlights, hover states, or small, impactful graphical details.

background

#003A80 - A very dark, rich blue that provides a deep, immersive canvas for glowing elements.

text

#00F5D4 - Use this bright aqua for headings or short, impactful text against dark backgrounds like #003A80; for body text, consider a brighter shade like #00B8DF or white.

Accessibility notes

Ensure sufficient contrast when using lighter blues (#00F5D4, #00B8DF) for text against darker backgrounds.
Avoid using adjacent shades like #00B8DF and #008DC9 for critical information without strong visual separation.
The entire palette is blue-green dominant; consider alternative indicators for color-blind users beyond hue.
Text in #00F5D4 against #003A80 will likely pass WCAG AA, but always test contrast ratios.

Recommended combinations

Digital Depth

Creating a receding background or layered UI elements, with #00B8DF as interactive highlights.

#003A80 · #005FA7 · #00B8DF

Neon Glare

Use #003A80 as a dark canvas, #00F5D4 for glowing text or icons, and #00B8DF for secondary details.

#00F5D4 · #00B8DF · #003A80

Cyber Gradient

Smooth visual transitions in backgrounds, hero sections, or progress indicators for a modern feel.

#00F5D4 · #008DC9 · #003A80

CSS variables

:root {
  --cyber-alley-glow-1: #00F5D4;
  --cyber-alley-glow-2: #00B8DF;
  --cyber-alley-glow-3: #008DC9;
  --cyber-alley-glow-4: #005FA7;
  --cyber-alley-glow-5: #003A80;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyber-alley-glow": {
        1: "#00F5D4",
        2: "#00B8DF",
        3: "#008DC9",
        4: "#005FA7",
        5: "#003A80",
      }
    }
  }
}

Hex values

Color 1#00F5D4

Color 2#00B8DF

Color 3#008DC9

Color 4#005FA7

Color 5#003A80

Accessibility

Contrast checker

1.7:1Fail

2.7:1Fail

4.7:1AA

7.8:1AAA

1.7:1Fail

1.6:1Fail

2.8:1Fail

4.7:1AA

2.7:1Fail

1.6:1Fail

1.8:1Fail

2.9:1Fail

4.7:1AA

2.8:1Fail

1.8:1Fail

1.7:1Fail

7.8:1AAA

4.7:1AA

2.9:1Fail

1.7:1Fail

Similar palettes

More like Cyber Alley Glow

Cyber Alley Glow

See it in context.

Ready when you are.

Built with Cyber Alley Glow.

How to use Cyber Alley Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Digital Depth

Neon Glare

Cyber Gradient

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Cyber Alley Glow