diff --git a/config/plugin.config.ts b/config/plugin.config.ts
index c00bfab5..92a61403 100644
--- a/config/plugin.config.ts
+++ b/config/plugin.config.ts
@@ -99,5 +99,6 @@ const getAntdSerials = (color: string) => {
     return ThemeColorReplacer.varyColor.lighten(color, i / devide10);
   });
   const colorPalettes = generate(color);
-  return lightens.concat(colorPalettes);
+  const rgb = ThemeColorReplacer.varyColor.toNum3(color.replace('#', '')).join(',');
+  return lightens.concat(colorPalettes).concat(rgb);
 };
diff --git a/src/components/SettingDrawer/themeColorClient.ts b/src/components/SettingDrawer/themeColorClient.ts
index d663e3bf..19bcb055 100644
--- a/src/components/SettingDrawer/themeColorClient.ts
+++ b/src/components/SettingDrawer/themeColorClient.ts
@@ -11,7 +11,8 @@ export default {
     let lightens = new Array(lightCount).fill(0);
     lightens = lightens.map((_, i) => client.varyColor.lighten(color, i / divide));
     const colorPalettes = generate(color);
-    return lightens.concat(colorPalettes);
+    const rgb = client.varyColor.toNum3(color.replace('#', '')).join(',');
+    return lightens.concat(colorPalettes).concat(rgb);
   },
   changeColor(color?: string): Promise<void> {
     if (!color) {