diff --git a/src/components/Controls/Color.vue b/src/components/Controls/Color.vue
index a77f7672..56f7b114 100644
--- a/src/components/Controls/Color.vue
+++ b/src/components/Controls/Color.vue
@@ -71,6 +71,7 @@ export default {
       return this.df.options;
     },
     selectedColorLabel() {
+      if(!this.colors) return this.value;
       const color = this.colors.find((c) => this.value === c.value);
       return color ? color.label : this.value;
     },