Back to palettes

Palette

Techno Future City

Electric and vivid colors portraying a futuristic urban landscape at night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Techno Future City 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 Techno Future City.

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

Data visualization

#00FFFF#00BFFF#8A2BE2#FF1493#ADFF2F

Palette guide

How to use Techno Future City

Overview

The Techno Future City palette is an electrifying collection of vivid and futuristic hues, designed to evoke the dynamic energy of a neon-lit urban landscape. Featuring bold shades like electric cyan #00FFFF, intense magenta #FF1493, and vibrant lime green #ADFF2F, alongside deep violet #8A2BE2, this palette offers designers and developers a powerful toolkit for creating striking and immersive digital experiences. Its high-contrast, energetic nature is perfect for projects that demand a cutting-edge, cybernetic, or playful aesthetic, ensuring visual impact and a memorable brand presence across various media.

Best used for

  • Gaming interfaces and branding
  • Music festival promotions and websites
  • Sci-fi themed applications and media
  • Youth-oriented fashion or tech brands
  • Digital art and animation projects
  • Interactive event displays

Suggested color roles

primary

#00BFFF serves as a strong, modern primary, ideal for main headings, large UI elements, or establishing a tech-forward brand.

secondary

#8A2BE2 provides a deep, mysterious secondary, excellent for background accents, subtle overlays, or sub-sections.

accent

#FF1493 is a powerful, attention-grabbing accent, perfect for calls-to-action, interactive elements, or key highlights.

background

A very dark grey or black would be ideal for a background, allowing these vibrant colors to truly pop and create a futuristic feel.

text

#00FFFF or #ADFF2F offers excellent readability for text on a dark background. For lighter backgrounds, a deep charcoal would work.

Accessibility notes

  • Contrast between these highly saturated colors can be challenging; always check WCAG guidelines for text and interactive elements.
  • #00FFFF and #ADFF2F provide good contrast against a true black or very dark grey background.
  • Avoid using #8A2BE2 for small text on a dark background without sufficient contrast checking.
  • Ensure interactive elements are clearly distinguishable, perhaps using #FF1493 for active states.

Recommended combinations

Cyber Glow

Creates a cool, digital aesthetic, perfect for futuristic interfaces or tech branding.

#00FFFF · #00BFFF · #8A2BE2

Neon Pulse

Ideal for high-energy calls-to-action, vibrant illustrations, or dynamic motion graphics.

#FF1493 · #ADFF2F · #00BFFF

Future Contrast

Effective for creating dramatic visual interest and clear hierarchy, especially on a dark base.

#8A2BE2 · #FF1493 · #00FFFF

CSS variables

:root {
  --techno-future-city-1: #00FFFF;
  --techno-future-city-2: #00BFFF;
  --techno-future-city-3: #8A2BE2;
  --techno-future-city-4: #FF1493;
  --techno-future-city-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "techno-future-city": {
        1: "#00FFFF",
        2: "#00BFFF",
        3: "#8A2BE2",
        4: "#FF1493",
        5: "#ADFF2F",
      }
    }
  }
}

Related searches

cyberpunk color schemeneon city palettefuturistic UI colorsvibrant tech brandingsynthwave design palette

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#00BFFF
·
Color 3#8A2BE2
·
Color 4#FF1493
·
Color 5#ADFF2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
4.8:1AA
2.9:1Fail
1:1Fail
2
1.7:1Fail
2.8:1Fail
1.7:1Fail
1.7:1Fail
3
4.8:1AA
2.8:1Fail
1.6:1Fail
4.9:1AA
4
2.9:1Fail
1.7:1Fail
1.6:1Fail
3:1Fail
5
1:1Fail
1.7:1Fail
4.9:1AA
3:1Fail

Similar palettes

More like Techno Future City

View all vibrant
Aurora Borealis
City Neon Rain
Cyber Glow
Cyber Glow Graffiti
Retro Arcade Pop
Synthwave Cyber Neon