diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx
index 276cde027..e75753b7d 100644
--- a/packages/excalidraw/components/App.tsx
+++ b/packages/excalidraw/components/App.tsx
@@ -741,6 +741,8 @@ class App extends React.Component<AppProps, AppState> {
       objectsSnapModeEnabled = false,
       theme = defaultAppState.theme,
       name = `${t("labels.untitled")}-${getDateTime()}`,
+      strokeColorTopPicks,
+      backgroundColorTopPicks,
     } = props;
     this.state = {
       ...defaultAppState,
diff --git a/packages/excalidraw/index.tsx b/packages/excalidraw/index.tsx
index 5ea746754..6e42ab628 100644
--- a/packages/excalidraw/index.tsx
+++ b/packages/excalidraw/index.tsx
@@ -53,6 +53,8 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
     renderEmbeddable,
     aiEnabled,
     showDeprecatedFonts,
+    strokeColorTopPicks,
+    backgroundColorTopPicks,
   } = props;
 
   const canvasActions = props.UIOptions?.canvasActions;
@@ -143,6 +145,8 @@ const ExcalidrawBase = (props: ExcalidrawProps) => {
           renderEmbeddable={renderEmbeddable}
           aiEnabled={aiEnabled !== false}
           showDeprecatedFonts={showDeprecatedFonts}
+          strokeColorTopPicks={strokeColorTopPicks}
+          backgroundColorTopPicks={backgroundColorTopPicks}
         >
           {children}
         </App>