Dark Dashboard Color 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 analytics dashboards, monitoring tools, and B2B admin panels. Choose a near-black surface, then test small text contrast before adding saturated chart colors.

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

CSS Variables

:root {
  --primary: #2796CE;
  --accent: #D67E51;
  --surface: #1D2A34;
  --text: #F3F5F7;
  --support: #C973AC;
}