An Arctic-based palette of cool blues and slate grays, built for focus and reduced eye strain. One style per theme, two modes: light and dark.
// palette.rs use nord::{PolarNight, SnowStorm, Frost, Aurora}; const ACCENT: &str = "#88c0d0"; // nord8 const ERROR: &str = "#bf616a"; // nord11 fn main() { let style = Frost; println!("{} styles, {} colours", 4, 16); }
A lead paragraph set at a larger size for introductory content.
Nord keeps type quiet: one family for prose, one monospace for anything technical.
Inline elements like links, bold text, emphasis, inline code,
Ctrl + K and highlighted text.
Palette colours inline: nord7 nord8 nord9 nord10 nord11 nord13 nord14 nord15
Small print, footnotes and legal text.
Display 6
Display 5
Calm, cool and focused — an arctic landscape of UI.
| Host | Region | CPU | Status |
|---|---|---|---|
| nord-01 | eu-west-1 | 8 vCPU | online |
| nord-02 | eu-west-2 | 4 vCPU | active |
| nord-03 | us-east-1 | 16 vCPU | degraded |
| nord-04 | ap-south-1 | 2 vCPU | draining |
| Mode | Background | Accent |
|---|---|---|
| Nord Aurora dark | #3f4c75 | #88c0d0 |
| Nord Aurora light | #eceff4 | re-mixed |
Flat surface, hairline border.
Contextual card.
Contextual card.
Accent border variant.
Cards compose with the surface hierarchy.
Keep imagery inside the border radius.
Dark: <html data-bs-theme="dark"> · Light: data-bs-theme="light"