Cyberpunk Cyan Palettes

How to use these palettes

Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for futuristic dashboards, music campaigns, and game menus. Let cyan mark focus states and key metrics instead of filling every card.

Vivid colors are limited to action and highlight roles so the palette feels energetic without overpowering UI text.

CSS Variables

:root {
  --primary: #1E7EEB;
  --accent: #F236B0;
  --surface: #EBEEF4;
  --text: #121821;
  --support: #EC65A4;
}