Color Family

Slate

Graphite-leaning blue-grays built for editorial dashboards and technical UI shells.

ArchitecturalMethodicalMinimal

Positioning DNA

Slate is the designer's answer to carbon fiber: a cool, serious neutral that keeps interfaces razor sharp without turning pitch black. The subtle blue undertone prevents surfaces from feeling lifeless, which is why modern dev tools, writing apps, and collaborative dashboards lean on Slate for their base layers.

Lean into the 700-900 values for immersive hero surfaces, then climb toward Slate 300 for dividers that feel hand-drawn rather than mechanical. The relatively high chroma makes white typography glow, giving you AAA contrast ratios with less eye strain.

UX Applications

  • Productivity dashboards that need quiet authority
  • Professional code editors or terminal skins
  • Data-dense infographics with layered contrast

Sample Palette

Drop-in hex codes with usage notes

FAQ

When should I pick Slate over standard Gray?

Slate introduces a whisper of blue, which makes it ideal for teams that want a technical, editorial tone. Choose it when you need depth without the heaviness of absolute black.

What accent colors pair best with Slate?

Metallic ambers, copper gradients, and saturated neon greens all stand out against Slate because the undertone keeps them from clashing. Keep accents limited and intentional.