Palette
A dynamic explosion of electric neon hues, bringing to life the dazzling glow of a futuristic cyber city.
Preview
Interface
A quick look at how Electric Future Drive reads on buttons, badges, and alerts before you commit.
Marketing banner
A bolder treatment that stretches the primary and secondary colors across a full gradient banner.
Data visualization
Palette guide
The 'Electric Future Drive' palette is a dynamic explosion of electric neon hues, bringing to life the dazzling glow of a futuristic cyber city. With intense #FF00FF magenta, electric #00FFFF cyan, brilliant #FFFF00 yellow, vibrant #FF007F pink, and energetic #7FFF00 lime green, this scheme is a high-octane collection. It's perfect for conveying speed, cutting-edge technology, and a powerful, modern digital aesthetic, demanding immediate attention with its bold, luminous colors.
primary
Utilize #00FFFF as the dominant electric cyan for main calls-to-action, prominent headings, or large graphical elements that convey speed.
secondary
Employ #FF00FF for strong supporting elements, subheadings, or to create a vibrant contrast with the primary cyan, adding dynamic energy.
accent
Apply #FFFF00 or #7FFF00 sparingly for high-energy highlights, glowing effects, notifications, or small details that need to pop dramatically.
background
For maximum impact, use black or very dark grey. White can also create a stark, modern contrast.
text
On dark backgrounds, use white or a very light grey for readability. On light backgrounds, black or dark grey is recommended. #FFFF00 for critical information.
A classic neon trio for energetic backgrounds, striking headlines, or dynamic animated elements in digital ads or game UI.
#FF00FF · #00FFFF · #FFFF00Combine these for a high-contrast effect perfect for racing game visuals, where #FF007F and #7FFF00 provide vibrant energy.
#FF007F · #7FFF00 · #00FFFFUse for clear, impactful visuals where #FFFF00 and #FF00FF provide a luminous base with #7FFF00 adding a sharp, energetic accent.
#FFFF00 · #FF00FF · #7FFF00:root {
--electric-future-drive-1: #FF00FF;
--electric-future-drive-2: #00FFFF;
--electric-future-drive-3: #FFFF00;
--electric-future-drive-4: #FF007F;
--electric-future-drive-5: #7FFF00;
}theme: {
extend: {
colors: {
"electric-future-drive": {
1: "#FF00FF",
2: "#00FFFF",
3: "#FFFF00",
4: "#FF007F",
5: "#7FFF00",
}
}
}
}Palette colors
Accessibility
Similar palettes