Loading page
About this tool
Neon-on-dark palettes with an elevation ramp, status colours and every accent tuned to a WCAG contrast target.
The Cyberpunk Palette Generator builds a neon-on-dark interface palette and then makes it readable. From a seed it produces a tinted near-black base with four elevation steps, a paired neon lead and counter, semantic success, warning, danger and info colours, and glow shadows — then walks each colour's lightness up one point at a time until it meets the WCAG 2.1 target you choose (4.5:1 for AA body text or 7:1 for AAA), reporting exactly how much it had to move. Muted text goes the other way: the tool finds the dimmest value that still passes, so secondary copy stays quiet without dropping below the line.
Open Cyberpunk Palette Generator on AltFTool — it loads instantly in your browser.
Provide your input — an image, text, or data.
Let the tool analyze or generate the result.
Review, refine, and reuse the output wherever you need it.
Every accent is tuned against the actual base colour and the lightness shift is shown, so nothing silently fails.
Base plus three surfaces at fixed lightness stops give cards, menus and modals a consistent depth order.
Secondary copy is set to the dimmest value that clears the target — one point darker and it fails.
WCAG 2.1 asks for 4.5:1 for normal body text, 3:1 for large text (18pt, or 14pt bold, and above) and 3:1 for UI components and graphical objects; AAA raises body text to 7:1. Saturated red and deep violet are the usual failures on near-black and need a lightness lift.
Perceived brightness and relative luminance are not the same. Luminance weights green heavily (0.7152) and blue barely at all (0.0722), so a blue-heavy magenta measures far darker than it looks. Raising lightness — which this tool does automatically — fixes the measurement, not just the impression.
Usually not. A near-black carrying a small amount of the base hue (around 6% lightness here) gives the elevation steps somewhere to go and avoids the harsh edge of pure black against bright neon. It also makes cards distinguishable without adding borders.
Layer two box-shadows of the same colour at different blur radii and alphas — a tight one for the core and a wide one for the halo. The tool exports exactly that, using 8-digit hex so the alpha travels with the value.