Brand Identity
Overview of the brand color, background color, and logo for each token set in the NL Design System app.
Colors are sourced from each organization's official NL Design System token set. Logos are official SVG files sourced from the organization's website or the NL Design System themes repository.
Token Sets
| Organization | Brand Color | Background | Logo |
|---|---|---|---|
| Rijkshuisstijl |  #154273 | #F5F6F7 | rijkshuisstijl.svg |
| Gemeente Amsterdam |  #004699 | #FFFFFF | amsterdam.svg |
| Gemeente Bodegraven-Reeuwijk |  #0066CC | #FFFFFF | -- |
| Gemeente Borne |  #003352 | #FFFFFF | -- |
| Gemeente Buren |  #D41422 | #FFFFFF | -- |
| Demodam |  #03A9F4 | #FFFFFF | -- |
| Gemeente Dinkelland |  #006CB9 | #FFFFFF | -- |
| Gemeente Drechterland |  #1B6E8C | #FFFFFF | drechterland.svg |
| Gemeente Duiven |  #1D5B8F | #FFFFFF | -- |
| DUO |  #004FA3 | #FFFFFF | -- |
| Gemeente Enkhuizen |  #0055AD | #FFFFFF | -- |
| Gemeente Epe |  #00549E | #FFFFFF | epe.svg |
| Gemeente Groningen | #154273 | #FFFFFF | -- |
| Gemeente Haarlem |  #1457A3 | #FFFFFF | -- |
| Gemeente Haarlemmermeer |  #068E8C | #FFFFFF | -- |
| Gemeente Hoorn |  #09366C | #FFFFFF | hoorn.svg |
| Gemeente Horst aan de Maas |  #125EA4 | #FFFFFF | -- |
| Gemeente Leiden |  #d62410 | #FFFFFF | leiden.svg |
| Gemeente Leidschendam-Voorburg |  #1E1B54 | #FFFFFF | -- |
| Gemeente Nijmegen |  #157C68 | #FFFFFF | nijmegen.svg |
| Noaberkracht |  #4376fc | #FFFFFF | -- |
| Gemeente Noordoostpolder |  #389003 | #FFFFFF | -- |
| Gemeente Noordwijk |  #2C2276 | #FFFFFF | noordwijk.svg |
| Provincie Zuid-Holland |  #C42035 | #FFFFFF | provincie-zuid-holland.svg |
| Riddeliemers | #154273 | #FFFFFF | -- |
| Ridderkerk |  #008937 | #FFFFFF | -- |
| Gemeente Stede Broec |  #035935 | #FFFFFF | -- |
| Gemeente Tilburg |  #003366 | #FFFFFF | tilburg.svg |
| Gemeente Tubbergen |  #067432 | #FFFFFF | -- |
| Gemeente Venray |  #2A8113 | #FFFFFF | -- |
| Gemeente Vught |  #0088AD | #FFFFFF | -- |
| VNG |  #003865 | #0277BD | vng.svg |
| Gemeente Westervoort |  #003C6B | #FFFFFF | -- |
| Gemeente Utrecht |  #24578F | #FFFFFF | utrecht.svg |
| Gemeente Den Haag |  #1a7a3e | #FFFFFF | denhaag.svg |
| Gemeente Rotterdam |  #00811f | #FFFFFF | rotterdam.svg |
| xxllnc |  #333333 | #FFFFFF | xxllnc.svg |
| Gemeente Zevenaar |  #596E28 | #FFFFFF | -- |
| Gemeente Zwolle |  #3A4F93 | #FFFFFF | -- |
Logo Sources
Logos in img/logos/ are sourced from the following locations:
| Logo | Source |
|---|---|
rijkshuisstijl.svg | Rijkshuisstijl Community (national government logo) |
amsterdam.svg | Amsterdam Design System |
denhaag.svg | NL Design System themes (optimized, 22KB) |
drechterland.svg | drechterland.nl |
epe.svg | NL Design System themes (extracted from token data URI) |
hoorn.svg | hoorn.nl |
leiden.svg | gemeente.leiden.nl |
nijmegen.svg | nijmegen.nl |
noordwijk.svg | NL Design System themes (extracted from token data URI) |
provincie-zuid-holland.svg | zuid-holland.nl |
rotterdam.svg | Rotterdam Design System |
tilburg.svg | tilburg.nl |
utrecht.svg | NL Design System themes (optimized, 49KB) |
vng.svg | vng.nl |
xxllnc.svg | NL Design System themes (extracted from token data URI) |
Notes
- Brand color refers to the primary interactive color (
--nldesign-color-primary) used for buttons, links, and accents. Some organizations have a separate brand/identity color for their logo (see Token Architecture). - Background color is always
#FFFFFF(white) as the base page background. - Logos marked
--are not yet available. The organization's website either does not provide an SVG version, or requires authentication to access it. - The Leiden logo uses white (
#fff) fills and is designed for dark backgrounds. It requires--nldesign-color-logo-backgroundto be visible in the header. - The Rijkshuisstijl logo (
rijkshuisstijl.svg) is a copy ofimg/nederland-logo.svgplaced inimg/logos/for consistency with the theming sync system.