diff --git a/ui/components/ui/typography/typography.js b/ui/components/ui/typography/typography.js
index 052663312..1dd79c75a 100644
--- a/ui/components/ui/typography/typography.js
+++ b/ui/components/ui/typography/typography.js
@@ -28,6 +28,10 @@ export const ValidColors = [
   COLORS.WARNING_INVERSE,
   COLORS.INFO_DEFAULT,
   COLORS.INFO_INVERSE,
+  COLORS.GOERLI,
+  COLORS.SEPOLIA,
+  COLORS.GOERLI_INVERSE,
+  COLORS.SEPOLIA_INVERSE,
 ];
 
 export const ValidTags = [