HueOdysseyCyberpunk Color Palettes
Explore cyberpunk color palettes with semantic roles, accessible contrast, live interface previews, and CSS-ready HEX values.
background#09090B
surface#18181B
secondary#06B6D4
primary#8B5CF6
accent#F43F5E
muted#A1A1AA
text#FAFAFA
How the colors relate
Near-black surfaces create the stage, violet establishes the main action, cyan separates system information, and hot pink marks urgent highlights.
Where to use each role
Keep most panels dark and neutral. Use neon colors for actions, selected states, and small data signals so the interface does not become uniformly loud.
A useful variation
Replace hot pink with acid yellow for a more industrial direction, then retest text and icon contrast against every dark surface.
Related directions
Frequently asked questions
How many neon colors should a cyberpunk palette use?
Two functional neons and one rare alert accent are usually enough. More competing neons weaken hierarchy and make important states harder to identify.