Dark Purple UI 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 developer tools, media dashboards, and modern web apps. Pair purple with neutral grays so it feels premium rather than novelty-heavy.

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

CSS Variables

:root {
  --primary: #2791CE;
  --accent: #A651D6;
  --surface: #1A242E;
  --text: #F3F5F7;
  --support: #C973A9;
}