diff --git a/src/components/account.js b/src/components/account.js
index e647581..6698417 100644
--- a/src/components/account.js
+++ b/src/components/account.js
@@ -6,7 +6,7 @@ export default {
     changePasswordDialog: false,
     isPasswordValid: false,
     password: '',
-    accentColor: '#607d8b',
+    accentColor: {},
     snackbar: false,
     snackbarText: '',
     rules: {
@@ -53,8 +53,8 @@ export default {
       this.$http.patch('/users/preferences', {
         preferences: preferences
       })
-      this.$vuetify.theme.themes.dark.primary = this.accentColor
-      this.$vuetify.theme.themes.light.primary = this.accentColor
+      this.$vuetify.theme.themes.dark.primary = this.accentColor.hex
+      this.$vuetify.theme.themes.light.primary = this.accentColor.hex
     }
   }
 }
diff --git a/src/components/appbar.js b/src/components/appbar.js
index fc7779c..8b61ff4 100644
--- a/src/components/appbar.js
+++ b/src/components/appbar.js
@@ -46,8 +46,8 @@ export default {
         .then(response => {
           if (response.status === 200) {
             const preferences = response.data.user.preferences
-            this.$vuetify.theme.themes.dark.primary = preferences.accentColor
-            this.$vuetify.theme.themes.light.primary = preferences.accentColor
+            this.$vuetify.theme.themes.dark.primary = preferences.accentColor.hex
+            this.$vuetify.theme.themes.light.primary = preferences.accentColor.hex
           }
         })
     }
diff --git a/src/components/noise.js b/src/components/noise.js
index 6ae6cac..d51843d 100644
--- a/src/components/noise.js
+++ b/src/components/noise.js
@@ -490,8 +490,8 @@ export default {
             this.canUpload = response.data.user.canUpload
             this.$vuetify.theme.dark = response.data.user.darkMode
             const preferences = response.data.user.preferences
-            this.$vuetify.theme.themes.dark.primary = preferences.accentColor
-            this.$vuetify.theme.themes.light.primary = preferences.accentColor
+            this.$vuetify.theme.themes.dark.primary = preferences.accentColor.hex
+            this.$vuetify.theme.themes.light.primary = preferences.accentColor.hex
           }
         })
     },