diff --git a/constants/colors.js b/constants/colors.js
index b178ea8..d6f648b 100644
--- a/constants/colors.js
+++ b/constants/colors.js
@@ -1,5 +1,6 @@
 const Colors = {
   primary500: "#282A35",
+  primary400: "#373A49",
   accent500: "#A587DD",
 };
 
diff --git a/navigation/Navigator.js b/navigation/Navigator.js
index 415135c..b3dfdf0 100644
--- a/navigation/Navigator.js
+++ b/navigation/Navigator.js
@@ -22,6 +22,7 @@ function Navigator() {
           headerTitle: (props) => <LogoTitle {...props} />,
           tabBarStyle: styles.TabBar,
           tabBarActiveTintColor: Colors.accent500,
+          tabBarActiveBackgroundColor: Colors.primary400,
         }}
       >
         <Tab.Screen