HashiCorp · Design system breakdown
Enterprise-infrastructure design system tuned for long-running operational surfaces.
Helios is HashiCorp's design system for the cloud-infrastructure product portfolio — Terraform, Vault, Consul, Nomad, Boundary. It crystallized publicly around 2022 after years of internal use, codifying patterns that appeared across HashiCorp's growing product surface.
Centralized design-systems team owns Helios; product teams contribute through a public RFC process documented on the Helios docs site. Components ship as Ember Octane add-ons today, with React versions in development. Strong release-note discipline and explicit deprecation paths.
| Token | Value | Role |
|---|---|---|
| color-page | #0c0c0e | Default canvas (dark) |
| color-page-faint | #fafafa | Default canvas (light) |
| color-foreground-primary | #3b3d45 | Body text on light |
| color-action-primary | #1c345f | HashiCorp blue, primary action |
| color-product-terraform | #7b42bc | Terraform purple, product accent |
| spacing-base | 4px | Base spacing increment |
Token names and values are illustrative — refer to the system's official tokens reference for the canonical, current set.
If you're evaluating this system
Pick Helios as a study reference if you're building enterprise infrastructure, observability, or operational tooling. The Ember dependency limits direct reuse; the value is in the documented patterns.
Compare more systems