infrastructure Color System
HashiCorp's website is enterprise infrastructure made tangible — a design system that must communica...
HashiCorp's website is enterprise infrastructure made tangible — a design system...
Hashicorp uses #000000 as the primary accent for interactive elements
Carefully selected 8 colors for infrastructure applications
Uses gradient
#000000
Primary brand color, text on light surfaces, `--mds-color-hcp-brand`
#15181e
Dark mode backgrounds, hero sections
#0d0e12
Deepest dark mode surface, form inputs on dark
#f1f2f3
Light backgrounds, subtle surfaces
#d5d7db
Borders, button text on dark
#b2b6bd
Border accents (at 0.1–0.4 opacity)
#656a76
Helper text, secondary labels, `--mds-form-helper-text-color`
#3b3d45
Secondary text on light, button borders
/* Hashicorp Color System */
:root {
--hashicorp-black: #000000;
--hashicorp-dark-charcoal: #15181e;
--hashicorp-near-black: #0d0e12;
--hashicorp-light-gray: #f1f2f3;
--hashicorp-mid-gray: #d5d7db;
--hashicorp-cool-gray: #b2b6bd;
--hashicorp-dark-gray: #656a76;
--hashicorp-charcoal: #3b3d45;
}
/* Example usage */
.hashicorp-button-primary {
background-color: var(--hashicorp-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}ClickHouse's interface is a high-performance cockpit rendered in acid yellow-gre...
Composio's interface is a nocturnal command center — a dense, developer-focused ...
MongoDB's website is a deep-forest-meets-terminal experience — a design system r...
Sanity's website is a developer-content platform rendered as a nocturnal command...