diff --git a/pwa/package-lock.json b/pwa/package-lock.json
index 4ac09021..76f8a2ce 100644
--- a/pwa/package-lock.json
+++ b/pwa/package-lock.json
@@ -9,7 +9,7 @@
       "version": "1.0.0",
       "dependencies": {
         "@conduction/components": "2.2.36",
-        "@conduction/theme": "1.0.56",
+        "@conduction/theme": "1.1.1",
         "@fortawesome/fontawesome-svg-core": "^6.5.0",
         "@fortawesome/free-brands-svg-icons": "6.5.0",
         "@fortawesome/free-regular-svg-icons": "6.5.0",
@@ -2156,9 +2156,9 @@
       }
     },
     "node_modules/@conduction/theme": {
-      "version": "1.0.56",
-      "resolved": "https://registry.npmjs.org/@conduction/theme/-/theme-1.0.56.tgz",
-      "integrity": "sha512-h1nIUMkQdnSeD0zBfepLH4Jb27tI7/lLev07RBpWmVkwei2DGeUwG3bfEJ2HChTPu5EyfItHu/37UnqRE7ADNg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@conduction/theme/-/theme-1.1.1.tgz",
+      "integrity": "sha512-H4YGWybK8HABGqpb8sOhIEmLxtDKddEqEzNpifuMt67R844Atac17P7xtVFZoisMbDnEIyXxBIBGzwRM2Qriqw==",
       "dependencies": {
         "@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100"
       }
diff --git a/pwa/package.json b/pwa/package.json
index 0337d0d8..c61c15f6 100644
--- a/pwa/package.json
+++ b/pwa/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@conduction/components": "2.2.36",
-    "@conduction/theme": "1.0.56",
+    "@conduction/theme": "1.1.1",
     "@fortawesome/fontawesome-svg-core": "^6.5.0",
     "@fortawesome/free-brands-svg-icons": "6.5.0",
     "@fortawesome/free-regular-svg-icons": "6.5.0",
diff --git a/pwa/src/services/getConfig.ts b/pwa/src/services/getConfig.ts
index 64df321e..5a8ab445 100644
--- a/pwa/src/services/getConfig.ts
+++ b/pwa/src/services/getConfig.ts
@@ -17,6 +17,7 @@ import Waddinxveen from "./../../static/configFiles/waddinxveen.json";
 import RijssenHolten from "./../../static/configFiles/rijssen-holten.json";
 import HoekscheWaard from "./../../static/configFiles/hoeksche-waard.json";
 import Texel from "./../../static/configFiles/texel.json";
+import Zutphen from "./../../static/configFiles/zutphen.json";
 import { TGroupedSelectOption } from "@conduction/components/lib/components/formFields/select/select";
 
 export const getConfig = (themeOrDomainName: string): Record<string, any> | undefined => {
@@ -42,6 +43,9 @@ export const getConfig = (themeOrDomainName: string): Record<string, any> | unde
     case "open.xxllnc.nl":
     case "xxllnc-theme":
       return Xxllnc;
+    case "open.zutphen.nl":
+    case "zutphen-theme":
+      return Zutphen;
     case "koophulpje.nl":
     case "open-webconcept-theme":
       // case "localhost": // development purposes
@@ -100,6 +104,7 @@ export const availableThemes: TGroupedSelectOption[] = [
       { label: "Texel", value: "texel" },
       { label: "Tubbergen", value: "tubbergen-theme" },
       { label: "Waddinxveen", value: "waddinxveen" },
+      { label: "Zutphen", value: "zutphen-theme" },
     ],
   },
   {
diff --git a/pwa/src/styling/index.css b/pwa/src/styling/index.css
index 06490b45..f60bfb71 100644
--- a/pwa/src/styling/index.css
+++ b/pwa/src/styling/index.css
@@ -14,6 +14,7 @@
 @import "../../node_modules/@conduction/theme/municipalities/open-webconcept-design-tokens/dist/index.css";
 @import "../../node_modules/@conduction/theme/municipalities/dimpact-design-tokens/dist/index.css";
 @import "../../node_modules/@conduction/theme/municipalities/commonground-design-tokens/dist/index.css";
+@import "../../node_modules/@conduction/theme/municipalities/zutphen-design-tokens/dist/index.css";
 
 /* Design Tokens maintained by Frameless */
 @import "../../node_modules/@utrecht/design-tokens/dist/theme.css";
diff --git a/pwa/static/configFiles/zutphen.json b/pwa/static/configFiles/zutphen.json
new file mode 100644
index 00000000..c28feb4c
--- /dev/null
+++ b/pwa/static/configFiles/zutphen.json
@@ -0,0 +1,14 @@
+{
+  "GATSBY_SHOW_THEME_SWITCHER": "false",
+  "GATSBY_API_BASE_URL": "https://api.common-gateway.commonground.nu/api",
+  "GATSBY_NL_DESIGN_THEME_CLASSNAME": "zutphen-theme",
+  "GATSBY_FAVICON_URL": "https://zutphen.nl/themes/zutphen/favicon.ico",
+  "GATSBY_ORGANISATION_NAME": "Gemeente Zutphen",
+  "GATSBY_JUMBOTRON_IMAGE_URL": "https://zutphen.nl/sites/default/files/2023-10/Bult-05020-pano-WebsiteKlein.jpg",
+  "GATSBY_FOOTER_LOGO_HREF": "https://zutphen.nl/",
+  "GATSBY_FOOTER_CONTENT": "https://raw.githubusercontent.com/ConductionNL/woo-website-template/main/docs/FooterContent.json",
+  "GATSBY_FOOTER_CONTENT_HEADER": "",
+  "GATSBY_OIDN_NUMBER": "",
+  "GATSBY_SHOW_CATEGORY": "true",
+  "GATSBY_SHOW_ORGANIZATION": "true"
+}