Color copied to clipboard!

🎨 Cyberpunk Color Palette Collection

Electric Violet
Palette 01
#8386F5
Light Violet
#8386F5
Primary accent, highlights
#3D43B4
Deep Violet
#3D43B4
Secondary accent, buttons
#041348
Midnight Blue
#041348
Background dark, containers
#083E12
Dark Forest
#083E12
Success states, dark accents
#1AFE49
Neon Green
#1AFE49
Success, active states, CTAs
CSS Variable Value Usage
--color-primary #8386f5 Main brand color, primary UI elements
--color-secondary #3d43b4 Secondary accents, hover states
--bg-primary #041348 Main background color
--color-success #1afe49 Success messages, confirmations
--bg-success-dark #083e12 Success state backgrounds
Preview Components
Magenta Dream
Palette 02
#F887FF
Light Magenta
#F887FF
Primary accent, highlights
#DE004E
Deep Rose
#DE004E
Secondary accent, warnings
#860029
Dark Crimson
#860029
Error states, danger
#321450
Deep Purple
#321450
Background, containers
#29132E
Void Purple
#29132E
Dark backgrounds, overlays
CSS Variable Value Usage
--color-primary #f887ff Main brand color, primary UI elements
--color-secondary #de004e Secondary accents, hover states
--bg-primary #29132e Main background color
--bg-secondary #321450 Card backgrounds, containers
--color-danger #860029 Error messages, danger states
Preview Components
Hot Pink Fury
Palette 03
#FF124F
Hot Pink
#FF124F
Primary accent, CTAs
#FF00A0
Neon Magenta
#FF00A0
Secondary accent, highlights
#FE75FE
Light Pink
#FE75FE
Soft accents, hover states
#7A04EB
Electric Purple
#7A04EB
Tertiary accent, borders
#120458
Deep Void
#120458
Background, dark areas
CSS Variable Value Usage
--color-primary #ff124f Main brand color, primary UI elements
--color-secondary #ff00a0 Secondary accents, active states
--color-tertiary #7a04eb Tertiary accents, borders
--bg-primary #120458 Main background color
--color-accent-light #fe75fe Light highlights, subtle accents
Preview Components