diff --git a/components/FloatingButton.js b/components/FloatingButton.js
index 1b4e531..e5d2b8b 100644
--- a/components/FloatingButton.js
+++ b/components/FloatingButton.js
@@ -1,12 +1,13 @@
-import { Text, TouchableOpacity } from "react-native";
+import { TouchableOpacity } from "react-native";
 import Icon from "react-native-vector-icons/Ionicons";
+import Colors from "../constants/colors";
 
 function FloatingButton() {
   return (
     <TouchableOpacity
       style={{
         borderWidth: 1,
-        borderColor: "#B695F3",
+        borderColor: Colors.accent500,
         alignItems: "center",
         justifyContent: "center",
         width: 70,
@@ -14,7 +15,7 @@ function FloatingButton() {
         top: 560,
         right: 20,
         height: 70,
-        backgroundColor: "#B695F3",
+        backgroundColor: Colors.accent500,
         borderRadius: 100,
       }}
       onPress={() => {