diff --git a/packages/fineui/src/case/colorchooser/colorchooser.js b/packages/fineui/src/case/colorchooser/colorchooser.js
index 7b075eae0..ac884db07 100644
--- a/packages/fineui/src/case/colorchooser/colorchooser.js
+++ b/packages/fineui/src/case/colorchooser/colorchooser.js
@@ -24,6 +24,7 @@ export class ColorChooser extends Widget {
             height: 24,
             el: {},
             simple: false,
+            colorItems: null,
         });
     }
 
@@ -62,6 +63,7 @@ export class ColorChooser extends Widget {
                     el: extend(
                         {
                             type: HexColorChooserPopup.xtype,
+                            colorItems: o.colorItems,
                             recommendColorsGetter: o.recommendColorsGetter,
                             ref: _ref => {
                                 this.colorPicker = _ref;
diff --git a/packages/fineui/src/case/colorchooser/colorchooser.popup.hex.js b/packages/fineui/src/case/colorchooser/colorchooser.popup.hex.js
index afde53a6a..14dec6a24 100644
--- a/packages/fineui/src/case/colorchooser/colorchooser.popup.hex.js
+++ b/packages/fineui/src/case/colorchooser/colorchooser.popup.hex.js
@@ -47,6 +47,7 @@ export class HexColorChooserPopup extends Widget {
         width: 300,
         recommendColorsGetter: emptyFn, // 推荐色获取接口
         simple: false, // 简单模式, popup中没有自动和透明
+        colorItems: null,
     };
 
     render() {
@@ -167,6 +168,7 @@ export class HexColorChooserPopup extends Widget {
                                                 type: HexColorPicker.xtype,
                                                 space: true,
                                                 value: o.value,
+                                                items: o.colorItems,
                                                 listeners: [
                                                     {
                                                         eventName: ColorPicker.EVENT_CHANGE,
diff --git a/packages/fineui/typescript/case/colorchooser/colorchooser.ts b/packages/fineui/typescript/case/colorchooser/colorchooser.ts
index b58869e37..7787d78f2 100644
--- a/packages/fineui/typescript/case/colorchooser/colorchooser.ts
+++ b/packages/fineui/typescript/case/colorchooser/colorchooser.ts
@@ -5,6 +5,10 @@ export declare class ColorChooser extends Widget {
     static EVENT_CHANGE: string;
     static EVENT_AFTER_POPUPVIEW: string;
 
+    props: {
+        colorItems?: { value: string }[][];
+    };
+
     isViewVisible(): boolean;
 
     hideView(): void;