Palette · dark · cyberpunk · vibrant
Cyberpunk Neon
Hot magenta and cyan on ink for high-energy, after-dark interfaces with maximum contrast.
Copy as
Usage system
Everything you need to wire this palette into a real project, not just the colors.
CSS variables
:root {
--color-bg: #0A0A0F;
--color-surface: #15151F;
--color-primary: #FF2E97;
--color-accent: #00E5FF;
--color-text: #F5F5FA;
--color-muted: #7A7A99;
}Tailwind config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
bg: '#0A0A0F',
surface: '#15151F',
primary: '#FF2E97',
accent: '#00E5FF',
text: '#F5F5FA',
muted: '#7A7A99',
},
},
},
}; Font pairing Orbitron / heading · Rajdhani / body
Corner radius 6px
Spacing scale 8px base · 8 / 16 / 24 / 32 / 48
In context
New
Build better, faster
A card, a heading, a button and a hint of text — the palette doing real work.
Found one you like? Pair it with a template, generate a matching background in the gradient generator, or browse all palettes.