Cyberpunk Palette
CSS variables
:root {
--color-1: #0D0221;
--color-2: #FF2A6D;
--color-3: #05D9E8;
--color-4: #D1F7FF;
--color-5: #7700A6;
}Tailwind config
// tailwind.config.js
colors: {
"cyberpunk-1": "#0D0221",
"cyberpunk-2": "#FF2A6D",
"cyberpunk-3": "#05D9E8",
"cyberpunk-4": "#D1F7FF",
"cyberpunk-5": "#7700A6",
}About this palette
The Cyberpunk palette is a curated set of 5 colors with their HEX, RGB and ready CSS-variable and Tailwind exports. Click any swatch for that color's full breakdown — conversions, contrast and harmonies.
More palettes