diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 381c87aa..4425990f 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -1,4 +1,5 @@
 import ui from '../src/module'
+import { excludeColors } from '../src/colors'
 import colors from 'tailwindcss/colors'
 
 export default defineNuxtConfig({
@@ -27,7 +28,7 @@ export default defineNuxtConfig({
   ui: {
     global: true,
     icons: ['heroicons', 'simple-icons'],
-    safelistColors: Object.keys(colors)
+    safelistColors: excludeColors(colors)
   },
   typescript: {
     strict: false,