diff --git a/packages/frontend-core/src/constants.js b/packages/frontend-core/src/constants.js
index 6c1e4ec96d..f4fbded874 100644
--- a/packages/frontend-core/src/constants.js
+++ b/packages/frontend-core/src/constants.js
@@ -142,6 +142,6 @@ export const TypeIconMap = {
   },
 }
 
-export const OptionColours = [...new Array(9).keys()].map(idx => {
+export const OptionColours = [...new Array(12).keys()].map(idx => {
   return `hsla(${((idx + 1) * 222) % 360}, 90%, 75%, 0.3)`
 })