diff --git a/src/Utils/Theme/constants.js b/src/Utils/Theme/constants.js
index 7d20143a5..58e99bade 100644
--- a/src/Utils/Theme/constants.js
+++ b/src/Utils/Theme/constants.js
@@ -270,10 +270,6 @@ const newSemanticColors = {
 			light: paletteColors.gray50,
 			dark: paletteColors.gray850,
 		},
-		color6: {
-			light: paletteColors.gray300,
-			dark: paletteColors.gray600,
-		},
 	},
 
 	map: {
@@ -310,6 +306,12 @@ const newSemanticColors = {
 			dark: newColors.blueGray900,
 		},
 	},
+	text: {
+		timePicker: {
+			light: paletteColors.gray300,
+			dark: paletteColors.gray600,
+		},
+	},
 };
 
 export { typographyLevels, semanticColors as colors, newSemanticColors };
diff --git a/src/Utils/Theme/globalTheme.js b/src/Utils/Theme/globalTheme.js
index 98854e160..456cae68f 100644
--- a/src/Utils/Theme/globalTheme.js
+++ b/src/Utils/Theme/globalTheme.js
@@ -454,7 +454,7 @@ const baseTheme = (palette) => ({
 					backgroundColor: theme.palette.secondary.lowContrast,
 					// General text color
 					"& .MuiTypography-root": {
-						color: theme.palette.gradient.color6,
+						color: theme.palette.text.timePicker,
 					},
 					// Selected time (hour/minute) color
 					"& .Mui-selected": {