diff --git a/apps/client/src/menus/custom-items/ColorPickerMenuItem.tsx b/apps/client/src/menus/custom-items/ColorPickerMenuItem.tsx
new file mode 100644
index 000000000..882881063
--- /dev/null
+++ b/apps/client/src/menus/custom-items/ColorPickerMenuItem.tsx
@@ -0,0 +1,9 @@
+import FNote from "../../entities/fnote"
+
+export interface ColorPickerMenuItemProps {
+    note: FNote | null;
+}
+
+export default function ColorPickerMenuItem(props: ColorPickerMenuItemProps) {
+    return <span>Color Picker</span>
+}
\ No newline at end of file
diff --git a/apps/client/src/menus/tree_context_menu.ts b/apps/client/src/menus/tree_context_menu.ts
index 7384573d8..b85648a85 100644
--- a/apps/client/src/menus/tree_context_menu.ts
+++ b/apps/client/src/menus/tree_context_menu.ts
@@ -1,3 +1,4 @@
+import ColorPickerMenuItem from "./custom-items/ColorPickerMenuItem.jsx";
 import treeService from "../services/tree.js";
 import froca from "../services/froca.js";
 import clipboard from "../services/clipboard.js";
@@ -255,7 +256,12 @@ export default class TreeContextMenu implements SelectMenuItemEventListener<Tree
                 keyboardShortcut: "searchInSubtree",
                 uiIcon: "bx bx-search",
                 enabled: notSearch && noSelectedNotes
-            }
+            },
+
+            {
+                kind: "custom",
+                componentFn: () => ColorPickerMenuItem({note})
+            },
         ];
         return items.filter((row) => row !== null) as MenuItem<TreeCommandNames>[];
     }