NATO

v2.3.4

Institutional navy and azure theme inspired by NATO's visual identity

Package
Font
Noto Sans Condensed
Light Dark Custom Font

Variants

Default
dist/nato.css

NATO navy and azure on white

Mode accent background header sidebar surface text
Light (default)
#118acb
#f4f7fb
#004990
#ffffff
#ffffff
#1f2a44
Dark
#118acb
#0a1f3d
#04193a
#102b54
#102b54
#e6edf7

NATO

A disciplined, institutional theme inspired by the visual identity of the North Atlantic Treaty Organization. Built around NATO's two signature blues — Pantone 280 navy and Pantone 2718 azure — paired with crisp white surfaces for an authoritative, official feel.

Highlights

  • Navy #004990 + azure #118ACB — NATO's signature Pantone palette
  • Noto Sans Condensed — matching NATO's display typography
  • High-contrast institutional look suited to government, defense, and enterprise dashboards
  • Light and dark modes with shared accent colors
  • Bundled font — self-hosted woff2 included

Usage

<link rel="stylesheet" href="css/nato.css">

Defaults to light mode. Switch with pa-mode-light / pa-mode-dark on <body>. Auto-switching via prefers-color-scheme is enabled by default.

Inspired by NATO's public visual identity. Not affiliated with or endorsed by NATO.