Electric Purple Color Palette
A bold electric purple palette for modern, creative, and tech-forward brands. Energetic and eye-catching.
Deep Violet
HEX: #3b0764
RGB: rgb(59, 7, 100)
HSL: hsl(274, 87%, 21%)
Royal Purple
HEX: #5b21b6
RGB: rgb(91, 33, 182)
HSL: hsl(263, 69%, 42%)
Electric Purple
HEX: #7c3aed
RGB: rgb(124, 58, 237)
HSL: hsl(262, 83%, 58%)
Bright Violet
HEX: #a78bfa
RGB: rgb(167, 139, 250)
HSL: hsl(255, 92%, 76%)
Soft Lavender
HEX: #ddd6fe
RGB: rgb(221, 214, 254)
HSL: hsl(251, 95%, 92%)
CSS Variables
:root {
--electric-purple-1: #3b0764;
--electric-purple-2: #5b21b6;
--electric-purple-3: #7c3aed;
--electric-purple-4: #a78bfa;
--electric-purple-5: #ddd6fe;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'electric-purple': {
'100': '#3b0764',
'200': '#5b21b6',
'300': '#7c3aed',
'400': '#a78bfa',
'500': '#ddd6fe',
},
},
},
},
}Use Cases
Tech startups
Gaming platforms
Music brands
Creative agencies
Related Palettes
Frequently Asked Questions
Why is purple popular with tech brands?▾
Purple conveys innovation, creativity, and premium quality. Companies like Twitch, Discord, and Figma use purple to stand out from the dominant blue tech landscape.
How do I use electric purple effectively?▾
Use the darkest shade for text and backgrounds, the mid tone for interactive elements, and lighter shades for hover states and backgrounds.