diff --git a/package-lock.json b/package-lock.json
index 43d3a60b0c0b69..b241b13865fa94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -51815,6 +51815,7 @@
 			"version": "6.51.0",
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
+				"@wordpress/admin-ui": "file:../admin-ui",
 				"@wordpress/api-fetch": "file:../api-fetch",
 				"@wordpress/base-styles": "file:../base-styles",
 				"@wordpress/block-editor": "file:../block-editor",
diff --git a/packages/edit-widgets/CHANGELOG.md b/packages/edit-widgets/CHANGELOG.md
index 596cbf24196eb5..1daf22103b2b0c 100644
--- a/packages/edit-widgets/CHANGELOG.md
+++ b/packages/edit-widgets/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Enhancements
+
+-   Wrap the widgets editor layout in `ThemeProvider`, seeded with the active admin color scheme primary color ([#81173](https://github.com/WordPress/gutenberg/pull/81173)).
+
 ### Bug Fixes
 
 -   Header toolbar: Fix icon button focus styles to use the design system `outset-ring__focus` mixin ([#81176](https://github.com/WordPress/gutenberg/pull/81176)).
diff --git a/packages/edit-widgets/package.json b/packages/edit-widgets/package.json
index a64cfb55ee6841..7c4fe5179edb5c 100644
--- a/packages/edit-widgets/package.json
+++ b/packages/edit-widgets/package.json
@@ -47,6 +47,7 @@
 		]
 	},
 	"dependencies": {
+		"@wordpress/admin-ui": "file:../admin-ui",
 		"@wordpress/api-fetch": "file:../api-fetch",
 		"@wordpress/base-styles": "file:../base-styles",
 		"@wordpress/block-editor": "file:../block-editor",
diff --git a/packages/edit-widgets/src/components/layout/index.js b/packages/edit-widgets/src/components/layout/index.js
index aff7f46085eb63..3f093ab9c0304f 100644
--- a/packages/edit-widgets/src/components/layout/index.js
+++ b/packages/edit-widgets/src/components/layout/index.js
@@ -1,15 +1,11 @@
-/**
- * WordPress dependencies
- */
+import { getAdminThemeColors } from '@wordpress/admin-ui';
 import { __, sprintf } from '@wordpress/i18n';
+import { useMemo } from '@wordpress/element';
 import { useDispatch } from '@wordpress/data';
 import { PluginArea } from '@wordpress/plugins';
 import { store as noticesStore } from '@wordpress/notices';
 import { __unstableUseNavigateRegions as useNavigateRegions } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
+import { ThemeProvider } from '@wordpress/theme';
 import ErrorBoundary from '../error-boundary';
 import WidgetAreasBlockEditorProvider from '../widget-areas-block-editor-provider';
 import Sidebar from '../sidebar';
@@ -33,21 +29,26 @@ function Layout( { blockEditorSettings } ) {
 	}
 
 	const navigateRegionsProps = useNavigateRegions();
+	const adminPrimary = useMemo( () => getAdminThemeColors().primary, [] );
 
 	return (
-		<ErrorBoundary>
-			<div { ...navigateRegionsProps }>
-				<WidgetAreasBlockEditorProvider
-					blockEditorSettings={ blockEditorSettings }
-				>
-					<Interface blockEditorSettings={ blockEditorSettings } />
-					<Sidebar />
-					<PluginArea onError={ onPluginAreaError } />
-					<UnsavedChangesWarning />
-					<WelcomeGuide />
-				</WidgetAreasBlockEditorProvider>
-			</div>
-		</ErrorBoundary>
+		<ThemeProvider isRoot color={ { primary: adminPrimary } }>
+			<ErrorBoundary>
+				<div { ...navigateRegionsProps }>
+					<WidgetAreasBlockEditorProvider
+						blockEditorSettings={ blockEditorSettings }
+					>
+						<Interface
+							blockEditorSettings={ blockEditorSettings }
+						/>
+						<Sidebar />
+						<PluginArea onError={ onPluginAreaError } />
+						<UnsavedChangesWarning />
+						<WelcomeGuide />
+					</WidgetAreasBlockEditorProvider>
+				</div>
+			</ErrorBoundary>
+		</ThemeProvider>
 	);
 }