Back to palettes

Palette

Cyber Horizon Glow

A neon-infused palette of blues, evoking the digital landscapes of a future cityscape at night.

coolenergetic5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#001F3F#0074D9#7FDBFF#B5D3F2#1C3F70

Palette guide

How to use Cyber Horizon Glow

Overview

The Cyber Horizon Glow palette offers a captivating range of neon-infused blues, evoking the digital landscapes of a future cityscape at night. From the very deep #001F3F to the luminous #B5D3F2, this palette provides a sophisticated gradient. #0074D9 offers a vibrant medium blue, while #7FDBFF introduces a bright, airy sky blue. #1C3F70 grounds the palette with a solid, dark blue. Designers can leverage these hex codes to create sleek, modern interfaces, corporate branding with a tech edge, or serene yet innovative digital experiences. Developers will find this palette excellent for crafting structured, readable, and visually appealing user interfaces with depth.

Best used for

  • Corporate tech branding and websites
  • Modern business presentations
  • Clean UI/UX designs for productivity apps
  • Architectural visualizations or urban planning concepts
  • Professional scientific data displays
  • Sleek and minimalist digital art

Suggested color roles

primary

#0074D9 - A vibrant, energetic blue that can serve as a strong primary color for branding and major content blocks.

secondary

#1C3F70 - A deeper, more substantial blue, suitable for supporting content, navigation, or background sections that need gravitas.

accent

#7FDBFF - A lighter, more luminous blue, perfect for subtle highlights, interactive elements, or outlining key information.

background

#001F3F - A very dark, almost black-blue that provides a deep, professional, and calming base for content.

text

#B5D3F2 - A very light, cool blue, offering excellent readability for headings and body text against the darkest backgrounds like #001F3F.

Accessibility notes

  • Ensure sufficient contrast between lighter shades like #B5D3F2 and darker backgrounds such as #001F3F for text.
  • Avoid using #001F3F and #1C3F70 for small text or icons in close proximity due to their low contrast.
  • The palette is predominantly blue; consider alternative visual cues for color-blind users beyond hue.
  • Test text legibility on all background shades, especially for smaller font sizes, to ensure WCAG AA compliance.

Recommended combinations

Digital Night

A modern dark theme with clear hierarchy, using #B5D3F2 for text and #0074D9 for interactive elements.

#001F3F · #0074D9 · #B5D3F2

Skyline Glow

Layered effects for backgrounds or data visualizations, suggesting depth and a glowing horizon.

#1C3F70 · #7FDBFF · #0074D9

Horizon Pulse

Highlighting key information or creating subtle glowing effects against a dark, professional canvas.

#B5D3F2 · #0074D9 · #001F3F

CSS variables

:root {
  --cyber-horizon-glow-1: #001F3F;
  --cyber-horizon-glow-2: #0074D9;
  --cyber-horizon-glow-3: #7FDBFF;
  --cyber-horizon-glow-4: #B5D3F2;
  --cyber-horizon-glow-5: #1C3F70;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyber-horizon-glow": {
        1: "#001F3F",
        2: "#0074D9",
        3: "#7FDBFF",
        4: "#B5D3F2",
        5: "#1C3F70",
      }
    }
  }
}

Related searches

neon blue tech palettefuturistic deep blue colorscorporate digital designsleek ui color schememinimalist blue gradient palette

Palette colors

Hex values

Color 1#001F3F
·
Color 2#0074D9
·
Color 3#7FDBFF
·
Color 4#B5D3F2
·
Color 5#1C3F70
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.5:1AA18
10.6:1AAA
10.7:1AAA
1.6:1Fail
2
3.5:1AA18
3:1Fail
3:1AA18
2.3:1Fail
3
10.6:1AAA
3:1Fail
1:1Fail
6.8:1AA
4
10.7:1AAA
3:1AA18
1:1Fail
6.8:1AA
5
1.6:1Fail
2.3:1Fail
6.8:1AA
6.8:1AA

Similar palettes

More like Cyber Horizon Glow

View all cool
Digital Circuit Glow
Aegean Blue Depths
Aqua Marine Sparkle
Aurora Borealis Dream
Cobalt Glaze Splash
Coral Lagoon Gleam