diff --git a/app/src/interfaces/select-color/select-color.vue b/app/src/interfaces/select-color/select-color.vue
index f251c8d0fe..a2c863048c 100644
--- a/app/src/interfaces/select-color/select-color.vue
+++ b/app/src/interfaces/select-color/select-color.vue
@@ -157,6 +157,7 @@
 </template>
 
 <script lang="ts" setup>
+import Color from 'color';
 import { isHex } from '@/utils/color';
 import { cssVar } from '@directus/shared/utils/browser';
 import { ComponentPublicInstance, computed, ref, watch } from 'vue';