diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index 77dfa319..e6a141c3 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -1,4 +1,7 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  modules: ['../src/module']
+  modules: ['../src/module'],
+  ui: {
+    colors: ['primary']
+  }
 })
diff --git a/src/module.ts b/src/module.ts
index 6eb090de..f24f10eb 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -19,11 +19,13 @@ export default defineNuxtModule<ModuleOptions>({
   },
   defaults: {
     prefix: 'U',
-    colors: ['primary', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchia', 'pink', 'rose']
+    colors: undefined
   },
   async setup (options, nuxt) {
     const { resolve } = createResolver(import.meta.url)
 
+    options.colors = options.colors || ['primary', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchia', 'pink', 'rose']
+
     nuxt.options.alias['#ui'] = resolve('./runtime')
 
     nuxt.options.appConfig.ui = defu(nuxt.options.appConfig.ui || {}, {