Neon Palette
Electric neon colors for bold designs
Color Swatches
#FF00FFrgb(255, 0, 255)
#00FFFFrgb(0, 255, 255)
#FFFF00rgb(255, 255, 0)
#FF0080rgb(255, 0, 128)
#00FF80rgb(0, 255, 128)
CSS Variables
:root {
--palette-1: #FF00FF;
--palette-2: #00FFFF;
--palette-3: #FFFF00;
--palette-4: #FF0080;
--palette-5: #00FF80;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#FF00FF",
2: "#00FFFF",
3: "#FFFF00",
4: "#FF0080",
5: "#00FF80",
},
},
},
},Usage Suggestions
- • Use as primary/secondary/accent colors in UI components
- • Apply for backgrounds, borders, and text contrast
- • Export to design tools (Figma, Sketch) via hex values
- • Combine with our Color Contrast Checker for accessibility