diff --git a/packages/manager/src/components/CopyableTextField/CopyableTextField.tsx b/packages/manager/src/components/CopyableTextField/CopyableTextField.tsx
index 04fc8f87766..7d3f057975f 100644
--- a/packages/manager/src/components/CopyableTextField/CopyableTextField.tsx
+++ b/packages/manager/src/components/CopyableTextField/CopyableTextField.tsx
@@ -61,7 +61,9 @@ const StyledTextField = styled(TextField)(({ theme }) => ({
     '& .MuiInput-input': {
       WebkitTextFillColor: 'unset !important',
       borderColor:
-        theme.name === 'light' ? theme.tokens.color.Neutrals[40] : '#222',
+        theme.name === 'light'
+          ? theme.tokens.color.Neutrals[40]
+          : theme.tokens.color.Neutrals.Black,
       color:
         theme.name === 'light'
           ? `${theme.palette.text.primary} !important`
@@ -70,7 +72,9 @@ const StyledTextField = styled(TextField)(({ theme }) => ({
     },
     '&& .MuiInput-root': {
       borderColor:
-        theme.name === 'light' ? theme.tokens.color.Neutrals[40] : '#222',
+        theme.name === 'light'
+          ? theme.tokens.color.Neutrals[40]
+          : theme.tokens.color.Neutrals.Black,
       opacity: 1,
     },
   },
diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.style.ts b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.style.ts
index a030ea39c21..582873cb1a6 100644
--- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.style.ts
+++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.style.ts
@@ -48,7 +48,9 @@ export const useStyles = makeStyles()((theme: Theme) => ({
     },
     background: theme.tokens.interaction.Background.Secondary,
     border: `1px solid ${
-      theme.name === 'light' ? theme.tokens.color.Neutrals[40] : '#222'
+      theme.name === 'light'
+        ? theme.tokens.color.Neutrals[40]
+        : theme.tokens.color.Neutrals.Black
     }`,
     padding: `${theme.spacing(1)} 15px`,
   },
diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryConnectionDetailsLegacy.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryConnectionDetailsLegacy.tsx
index 3f7978033a5..849f5924418 100644
--- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryConnectionDetailsLegacy.tsx
+++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryConnectionDetailsLegacy.tsx
@@ -65,7 +65,9 @@ const useStyles = makeStyles()((theme: Theme) => ({
     },
     background: theme.bg.bgAccessRowTransparentGradient,
     border: `1px solid ${
-      theme.name === 'light' ? theme.tokens.color.Neutrals[40] : '#222'
+      theme.name === 'light'
+        ? theme.tokens.color.Neutrals[40]
+        : theme.tokens.color.Neutrals.Black
     }`,
     padding: '8px 15px',
   },
diff --git a/packages/manager/src/features/Events/FormattedEventMessage.tsx b/packages/manager/src/features/Events/FormattedEventMessage.tsx
index 6a0677a7d75..6dbc9201a5f 100644
--- a/packages/manager/src/features/Events/FormattedEventMessage.tsx
+++ b/packages/manager/src/features/Events/FormattedEventMessage.tsx
@@ -58,7 +58,8 @@ const formatMessage = (message: string): JSX.Element => {
 };
 
 const StyledPre = styled('pre')(({ theme }) => ({
-  backgroundColor: theme.name === 'dark' ? '#222' : '#f4f4f4',
+  backgroundColor:
+    theme.name === 'dark' ? theme.tokens.color.Neutrals.Black : '#f4f4f4',
   borderRadius: 4,
   display: 'inline',
   fontSize: '0.75rem',
diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx
index 66644b831ee..5591b4c05f1 100644
--- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx
+++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx
@@ -28,7 +28,9 @@ export const HostNamesList = ({ objectStorageKey }: Props) => {
         sx={(theme) => ({
           backgroundColor: theme.bg.main,
           border: `1px solid ${
-            theme.name === 'light' ? theme.tokens.color.Neutrals[40] : '#222'
+            theme.name === 'light'
+              ? theme.tokens.color.Neutrals[40]
+              : theme.tokens.color.Neutrals.Black
           }`,
           minHeight: '34px',
         })}
diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts b/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts
index b9e4e94ba22..d017870775b 100644
--- a/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts
+++ b/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts
@@ -40,7 +40,7 @@ export const StyledInputContainer = styled(Box, {
   border:
     theme.name === 'light'
       ? `1px solid ${theme.tokens.color.Neutrals[40]}`
-      : '1px solid #222',
+      : `1px solid ${theme.tokens.color.Neutrals.Black}`,
   transition: 'border-color 225ms ease-in-out',
   width: 'fit-content',
   ...(isPhoneInputFocused &&
@@ -51,7 +51,7 @@ export const StyledInputContainer = styled(Box, {
         }
       : {
           borderColor: '#3683dc',
-          boxShadow: '0 0 2px 1px #222',
+          boxShadow: `0 0 2px 1px ${theme.tokens.color.Neutrals.Black}`,
         })),
 }));