diff --git a/frontend/common/constants.ts b/frontend/common/constants.ts
index 1c5f7d5f22c6..ecb4b967560c 100644
--- a/frontend/common/constants.ts
+++ b/frontend/common/constants.ts
@@ -452,6 +452,7 @@ export default {
     githubIssue: 'GitHub Issue',
     githubPR: 'Github PR',
   },
+  defaultTagColor: '#3d4db6',
   isCustomFlagsmithUrl:
     Project.flagsmithClientAPI !== 'https://edge.api.flagsmith.com/api/v1/',
   modals: {
diff --git a/frontend/common/utils/utils.tsx b/frontend/common/utils/utils.tsx
index fecf55848489..4b98764d802c 100644
--- a/frontend/common/utils/utils.tsx
+++ b/frontend/common/utils/utils.tsx
@@ -111,7 +111,10 @@ const Utils = Object.assign({}, require('./base/_utils'), {
     return typeof value === 'number'
   },
 
-  colour(c: string, fallback = '#6837FC'): InstanceType<typeof Color> {
+  colour(
+    c: string,
+    fallback = Constants.defaultTagColor,
+  ): InstanceType<typeof Color> {
     let res: Color
     try {
       res = Color(c)