diff --git a/webapp/constants/manifest.js b/webapp/constants/manifest.js
index 9d05bb700..653f9f6fc 100644
--- a/webapp/constants/manifest.js
+++ b/webapp/constants/manifest.js
@@ -1,9 +1,10 @@
 import metadata from './metadata.js'
-const { APPLICATION_NAME, APPLICATION_SHORT_NAME, APPLICATION_DESCRIPTION } = metadata
+const { APPLICATION_NAME, APPLICATION_SHORT_NAME, APPLICATION_DESCRIPTION, THEME_COLOR } = metadata
+
 export default {
   name: APPLICATION_NAME,
   short_name: APPLICATION_SHORT_NAME,
   description: APPLICATION_DESCRIPTION,
-  theme_color: '#17b53f',
+  theme_color: THEME_COLOR,
   lang: 'en',
 }
diff --git a/webapp/constants/metadata.js b/webapp/constants/metadata.js
index da313c7fb..9a2cbf5c9 100644
--- a/webapp/constants/metadata.js
+++ b/webapp/constants/metadata.js
@@ -6,4 +6,5 @@ export default {
   COOKIE_NAME: 'ocelot-social-token',
   ORGANIZATION_NAME: 'ocelot.social Community',
   ORGANIZATION_JURISDICTION: 'City of Angels',
+  THEME_COLOR: 'rgb(23, 181, 63)', // $color-primary – as the main color in general. e.g. the color in the background of the app that is visible behind the transparent iPhone status bar to name one use case, or the current color of SVGs to name another use case
 }