diff --git a/README.md b/README.md
index 5a03079..1201ce8 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,6 @@
 RayineUI is a multi-purpose customizable UI library.
 
 - [✨  Release Notes](/CHANGELOG.md)
-<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/rayine-ui?file=playground%2Fapp.vue) -->
 - [📖 &nbsp;Documentation](https://rayui.uniiem.com)
 
 ## Features
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 2bd92ca..a650f29 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -1,6 +1,8 @@
 import { createResolver } from "@nuxt/kit";
 import defaultTheme from "tailwindcss/defaultTheme";
 import module from "../src/module";
+import { excludeColors } from "#rayui/utils/colors";
+import colors from "tailwindcss/colors";
 
 const { resolve } = createResolver(import.meta.url);
 
@@ -57,7 +59,7 @@ export default defineNuxtConfig({
   },
   rayui: {
     globalComponents: true,
-    safeColors: ["amber", "emerald", "red", "sky", "violet", "cyan"],
+    safeColors: [excludeColors(colors)],
   },
   tailwindcss: {
     config: {