diff --git a/src/components/ColorPicker.vue b/src/components/ColorPicker.vue
index 0d6a6705f..8d6f1416b 100644
--- a/src/components/ColorPicker.vue
+++ b/src/components/ColorPicker.vue
@@ -60,7 +60,7 @@ export default {
 	},
 	methods: {
 		updateColor() {
-			this.$emit('input', this.color)
+			this.$emit('input', this.color.hex)
 		},
 		hidePicker() {
 			this.showFullPicker = false
diff --git a/src/components/navigation/AppNavigationAddBoard.vue b/src/components/navigation/AppNavigationAddBoard.vue
index 460bf374b..d261ed3d4 100644
--- a/src/components/navigation/AppNavigationAddBoard.vue
+++ b/src/components/navigation/AppNavigationAddBoard.vue
@@ -66,7 +66,7 @@ export default {
 			const title = e.currentTarget.childNodes[0].value
 			this.$store.dispatch('createBoard', {
 				title: title,
-				color: this.color.hex.substring(1)
+				color: this.color.substring(1)
 			})
 			this.editing = false
 		},