Palette
A buzzing fusion of deep indigos and brilliant purples, like raw energy flowing through circuits.
Preview
Interface
A quick look at how Electric Current 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 Current' palette is a buzzing fusion of deep indigos and brilliant purples, like raw energy flowing through circuits. Ranging from the dark #1F1F2F to the luminous #DB6CE3, with intermediary shades like #4C2E63, #7A3F97, and #A855CB, it creates a sophisticated yet energetic gradient. This scheme is perfect for conveying modernity, power, and a high-tech feel, ideal for luxury tech, corporate presentations, or high-end digital art.
primary
Utilize #A855CB as the dominant vibrant purple for main calls-to-action, prominent headings, or key interactive elements that convey energy.
secondary
Employ #7A3F97 for supporting backgrounds, subheadings, or to create a subtle depth within the purple spectrum, complementing the primary hue.
accent
Apply #DB6CE3 sparingly for high-energy highlights, glowing effects, notifications, or small details that need to pop dramatically.
background
Use #1F1F2F as the primary background color to establish a deep, sophisticated base, enhancing the luminosity of the brighter purples.
text
For body text on dark backgrounds, use white or a very light grey. For impactful headings or alerts, #DB6CE3 will provide excellent contrast and visibility.
Ideal for a dark UI: #1F1F2F as background, #A855CB for primary content, and #DB6CE3 for urgent notifications or interactive elements.
#1F1F2F · #A855CB · #DB6CE3Create a smooth, sophisticated purple gradient for backgrounds or large graphical elements, adding depth and visual interest.
#4C2E63 · #7A3F97 · #A855CBUse #1F1F2F as a base, #7A3F97 for subtle elements, and #DB6CE3 for striking, eye-catching accents in digital art or tech interfaces.
#1F1F2F · #7A3F97 · #DB6CE3:root {
--electric-current-1: #1F1F2F;
--electric-current-2: #4C2E63;
--electric-current-3: #7A3F97;
--electric-current-4: #A855CB;
--electric-current-5: #DB6CE3;
}theme: {
extend: {
colors: {
"electric-current": {
1: "#1F1F2F",
2: "#4C2E63",
3: "#7A3F97",
4: "#A855CB",
5: "#DB6CE3",
}
}
}
}Palette colors
Accessibility
Similar palettes