Midnight Harbor color palette

Midnight Harbor is a 5-colour blue, dark palette combining Onyx, Gunmetal, Charcoal, Dusty Blue and Light Gray. It works especially well for dark-mode interfaces and dramatic, premium visuals. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.

:root {
  --onyx: #0f1a26;
  --gunmetal: #1d2b3c;
  --charcoal: #3f5873;
  --dusty-blue: #7d93ad;
  --light-gray: #dfe3e6;
}