Token Sets
NL Design includes 39 token sets — pre-configured themes for Dutch government organizations. Each token set defines colors, typography, border radius, and other design tokens specific to that organization.
Available Token Sets
| Organization | Primary Color | Logo |
|---|---|---|
| Rijkshuisstijl (National Government) | #154273 | Yes |
| Gemeente Amsterdam | #004699 | Yes |
| Gemeente Bodegraven-Reeuwijk | #0066CC | |
| Gemeente Borne | #003352 | |
| Gemeente Buren | #D41422 | |
| Demodam | #03A9F4 | |
| Gemeente Dinkelland | #006CB9 | |
| Gemeente Drechterland | #1B6E8C | Yes |
| Gemeente Duiven | #1D5B8F | |
| DUO | #004FA3 | |
| Gemeente Enkhuizen | #0055AD | |
| Gemeente Epe | #00549E | Yes |
| Gemeente Groningen | #154273 | |
| Gemeente Haarlem | #1457A3 | |
| Gemeente Haarlemmermeer | #068E8C | |
| Gemeente Hoorn | #09366C | Yes |
| Gemeente Horst aan de Maas | #125EA4 | |
| Gemeente Leiden | #d62410 | Yes |
| Gemeente Leidschendam Voorburg | #1E1B54 | |
| Gemeente Nijmegen | #157C68 | Yes |
| Noaberkracht | #4376fc | |
| Gemeente Noordoostpolder | #389003 | |
| Gemeente Noordwijk | #2C2276 | Yes |
| Provincie Zuid-Holland | #C42035 | Yes |
| Riddeliemers | #154273 | |
| Ridderkerk | #008937 | |
| Gemeente Stede Broec | #035935 | |
| Gemeente Tilburg | #003366 | Yes |
| Gemeente Tubbergen | #067432 | |
| Gemeente Venray | #2A8113 | |
| Gemeente Vught | #0088AD | |
| VNG (Vereniging Nederlandse Gemeenten) | #003865 | Yes |
| Gemeente Westervoort | #003C6B | |
| Gemeente Utrecht | #24578F | Yes |
| Gemeente Den Haag | #1a7a3e | Yes |
| Gemeente Rotterdam | #00811f | Yes |
| xxllnc | #333333 | Yes |
| Gemeente Zevenaar | #596E28 | |
| Gemeente Zwolle | #3A4F93 |
Token Set Sources
Token sets are sourced from the official NL Design System themes repository and individual organization design systems. The token generation script (scripts/generate-tokens.mjs) translates upstream design tokens into the --nldesign-* CSS variable namespace.
Adding a New Token Set
To add support for a new organization:
- Create a CSS file at
css/tokens/{id}.csswith all required--nldesign-*variables - Add metadata to
token-sets.json(name, description, primary color) - Optionally add a logo SVG at
img/logos/{id}.svg
The admin dropdown picks up new token sets automatically — no PHP changes needed.
For detailed information on the token variable namespace, see the Token Architecture reference.