diff --git a/src/components/DrawerSettings/CustomDrawerContent.tsx b/src/components/DrawerSettings/CustomDrawerContent.tsx
index f453b46..9ae1acc 100644
--- a/src/components/DrawerSettings/CustomDrawerContent.tsx
+++ b/src/components/DrawerSettings/CustomDrawerContent.tsx
@@ -36,7 +36,7 @@ export default function CustomDrawerContent(props: {}) {
           <Text style={styles.text_white_medium}>Stud-E</Text>
         </View>
         <DrawerButton
-          color={colors.blue_2}
+          color={colors.blue_3}
           onPress={() => {
             navigation.navigate("Home");
           }}
diff --git a/src/components/DrawerSettings/DrawerScreenSettings.tsx b/src/components/DrawerSettings/DrawerScreenSettings.tsx
index e71292c..2a3ec73 100644
--- a/src/components/DrawerSettings/DrawerScreenSettings.tsx
+++ b/src/components/DrawerSettings/DrawerScreenSettings.tsx
@@ -10,14 +10,14 @@ const DrawerScreenSettings: DrawerNavigationOptions = {
     fontSize: font_sizes.medium,
   },
   unmountOnBlur: true,
-  headerStyle: { backgroundColor: colors.blue_3 },
+  headerStyle: { backgroundColor: colors.login_color},
   headerTintColor: colors.text_default,
   drawerType: "slide",
   drawerLabelStyle: {
     color: colors.text_default,
   },
   drawerStyle: {
-    backgroundColor: colors.blue_3,
+    backgroundColor: colors.login_color,
     width: 260,
   },
   headerRight: () => (
diff --git a/src/routes/Home/Home.tsx b/src/routes/Home/Home.tsx
index 944d131..bb9c886 100644
--- a/src/routes/Home/Home.tsx
+++ b/src/routes/Home/Home.tsx
@@ -6,7 +6,7 @@ import { RootState } from "../../features/redux/Store/Store";
 import AnimatedContainer from "../../components/AnimatedContainer/AnimatedContainer";
 
 export default function Home() {
-  const creds = useSelector((state: RootState) => state.auth.creds);
+ const creds = useSelector((state: RootState) => state.auth.creds);
   return (
     <View style={styles.background}>
       <AnimatedContainer>
diff --git a/src/routes/Login/Login.tsx b/src/routes/Login/Login.tsx
index a0d1a23..c18617d 100644
--- a/src/routes/Login/Login.tsx
+++ b/src/routes/Login/Login.tsx
@@ -30,21 +30,20 @@ export default function Login() {
   return (
     <View style={styles.background}>
       <AnimatedContainer>
+      <View style={styles.flex_row}>
+          <LoginIcon size={32} />
+          <Text style={styles.text_white_large}>Student Login</Text>
+        </View>
+        <View style={{ paddingVertical: 8 }} />
         <View
           style={{
             paddingVertical: 4,
             marginBottom: 16,
             borderRadius: 4,
             width: "90%",
-            backgroundColor: colors.blue_1,
+            backgroundColor: colors.head,
           }}
         />
-        <View style={styles.flex_row}>
-          <LoginIcon size={32} />
-          <Text style={styles.text_white_large}>Student Login</Text>
-        </View>
-
-        <View style={{ paddingVertical: 8 }} />
         <TextInput
           style={styles.text_input}
           placeholder="Username"
@@ -104,13 +103,13 @@ export default function Login() {
               }
             });
           }}
-          color={colors.blue_3}
+          color={colors.login_color}
         >
           <Text style={styles.text_white_small}>Login</Text>
         </Button>
         <Button
           onPress={() => navigation.navigate("Register")}
-          color={colors.blue_3}
+          color={colors.reg_color}
         >
           <Text style={styles.text_white_small}>Register</Text>
         </Button>
diff --git a/src/routes/Register/Register.tsx b/src/routes/Register/Register.tsx
index f484f11..5b224ca 100644
--- a/src/routes/Register/Register.tsx
+++ b/src/routes/Register/Register.tsx
@@ -34,20 +34,21 @@ export default function Register() {
   return (
     <View style={styles.background}>
       <AnimatedContainer>
+      <View style={styles.flex_row}>
+          <SignupIcon size={32} />
+          <Text style={styles.text_white_large}>Student Signup</Text>
+          <View style={{ paddingVertical: 8, }} />
+        </View>
         <View
           style={{
             paddingVertical: 4,
             marginBottom: 16,
+            marginTop: 8,
             borderRadius: 4,
             width: "90%",
-            backgroundColor: colors.blue_1,
+            backgroundColor: colors.head,
           }}
         />
-        <View style={styles.flex_row}>
-          <SignupIcon size={32} />
-          <Text style={styles.text_white_large}>Student Signup</Text>
-          <View style={{ paddingVertical: 8 }} />
-        </View>
         <TextInput
           style={styles.text_input}
           placeholder="First Name"
@@ -166,7 +167,7 @@ export default function Register() {
             {
             }
           }}
-          color={colors.blue_3}
+          color={colors.reg_color}
         >
           <Text style={styles.text_white_small}>Register</Text>
         </Button>
diff --git a/src/styles.tsx b/src/styles.tsx
index 7d80160..81d876e 100644
--- a/src/styles.tsx
+++ b/src/styles.tsx
@@ -1,16 +1,19 @@
 import { StyleSheet } from "react-native";
 
 export const colors = {
-  orange_1: "#FFBC72",
+  orange_1: "#FFDEAD",
   orange_2: "#FFE2C1",
   orange_3: "#C07624",
-  blue_1: "#4C87A1",
-  blue_2: "#77ACC3",
-  blue_3: "#1B5D79",
+  blue_1: "#E3963E",
+  blue_2: "#FFAC1C",
+  blue_3: "#FFAC1C",
   text_default: "white",
   text_error: "#e32d1e",
   text_success: "green",
   icon_color: "white",
+  login_color: "#0047AB",
+  reg_color: "#0096FF",
+  head: "white"
 };
 
 export const font_sizes = {