Cyberpunk Palette
Dark backgrounds with neon accents
Color Swatches
#0D0221rgb(13, 2, 33)
#0F084Brgb(15, 8, 75)
#26081Crgb(38, 8, 28)
#FF2A6Drgb(255, 42, 109)
#05D9E8rgb(5, 217, 232)
CSS Variables
:root {
--palette-1: #0D0221;
--palette-2: #0F084B;
--palette-3: #26081C;
--palette-4: #FF2A6D;
--palette-5: #05D9E8;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#0D0221",
2: "#0F084B",
3: "#26081C",
4: "#FF2A6D",
5: "#05D9E8",
},
},
},
},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