diff --git a/apps/comments-ui/src/index.js b/apps/comments-ui/src/index.js
index 9a97f8875c..c2e109a682 100644
--- a/apps/comments-ui/src/index.js
+++ b/apps/comments-ui/src/index.js
@@ -36,8 +36,9 @@ function getSiteData() {
         const postId = scriptTag.dataset.postId;
         const colorScheme = scriptTag.dataset.colorScheme;
         const avatarSaturation = scriptTag.dataset.avatarSaturation;
+        const accentColor = scriptTag.dataset.accentColor;
 
-        return {siteUrl, apiKey, apiUrl, sentryDsn, postId, adminUrl, colorScheme, avatarSaturation};
+        return {siteUrl, apiKey, apiUrl, sentryDsn, postId, adminUrl, colorScheme, avatarSaturation, accentColor};
     }
     return {};
 }
@@ -57,13 +58,13 @@ function setup({siteUrl}) {
 
 function init() {
     // const customSiteUrl = getSiteUrl();
-    const {siteUrl: customSiteUrl, sentryDsn, postId, adminUrl, colorScheme, avatarSaturation} = getSiteData();
+    const {siteUrl: customSiteUrl, sentryDsn, postId, adminUrl, colorScheme, avatarSaturation, accentColor} = getSiteData();
     const siteUrl = customSiteUrl || window.location.origin;
     setup({siteUrl});
 
     ReactDOM.render(
         <React.StrictMode>
-            {<App adminUrl={adminUrl} siteUrl={siteUrl} customSiteUrl={customSiteUrl} sentryDsn={sentryDsn} postId={postId} colorScheme={colorScheme} avatarSaturation={avatarSaturation} />}
+            {<App adminUrl={adminUrl} siteUrl={siteUrl} customSiteUrl={customSiteUrl} sentryDsn={sentryDsn} postId={postId} colorScheme={colorScheme} avatarSaturation={avatarSaturation} accentColor={accentColor} />}
         </React.StrictMode>,
         document.getElementById(ROOT_DIV_ID)
     );