Dark Red Gaming 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 game menus, esports pages, and cinematic launch screens. Use red sparingly as a highlight because large red surfaces can feel aggressive fast.

Each dark palette keeps text near-white and checks primary actions against the dark surface so dashboard labels remain readable.

CSS Variables

:root {
  --primary: #147AE1;
  --accent: #3C36F2;
  --surface: #121821;
  --text: #F3F5F7;
  --support: #EA539E;
}