Palette
A high-voltage, luminous palette that screams futuristic energy and digital glow.
Preview
Interface
A quick look at how Electric Future Pulse 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 Pulse' palette is a high-voltage, luminous scheme that screams futuristic energy and digital glow. Featuring electric #00FFFF cyan, vibrant #00FF7F and #00FA9A greens, intense #FF00FF magenta, and brilliant #FFFF00 yellow, it's a dynamic and bold collection. This scheme is perfect for designs that need to convey innovation, speed, or a virtual aesthetic, demanding immediate attention with its raw, energetic hues and digital luminosity.
primary
Utilize #00FFFF as the dominant electric cyan for main calls-to-action, prominent headings, or key interactive elements that convey tech.
secondary
Employ #00FF7F for strong supporting elements, subheadings, or to create a vibrant, fresh contrast with the primary cyan.
accent
Apply #FF00FF or #FFFF00 sparingly for high-energy highlights, glowing effects, notifications, or small details that need to pop dramatically.
background
For maximum impact, use black or deep charcoal. White can also create a clean, techy 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 alerts.
A classic neon trio for energetic backgrounds, striking headlines, or dynamic animated elements in digital ads or game UI.
#00FFFF · #FF00FF · #FFFF00Combine these for a high-contrast effect perfect for tech visuals, where #00FF7F and #00FA9A provide fresh green energy with magenta pop.
#00FF7F · #00FA9A · #FF00FFUse for clear, impactful visuals where #00FFFF and #FFFF00 provide a luminous base with #00FA9A adding a sharp, energetic accent.
#00FFFF · #FFFF00 · #00FA9A:root {
--electric-future-pulse-1: #00FFFF;
--electric-future-pulse-2: #00FF7F;
--electric-future-pulse-3: #00FA9A;
--electric-future-pulse-4: #FF00FF;
--electric-future-pulse-5: #FFFF00;
}theme: {
extend: {
colors: {
"electric-future-pulse": {
1: "#00FFFF",
2: "#00FF7F",
3: "#00FA9A",
4: "#FF00FF",
5: "#FFFF00",
}
}
}
}Palette colors
Accessibility
Similar palettes