diff --git a/.storybook/decorators/contextsWrapper.js b/.storybook/decorators/contextsWrapper.js
index e85c1f0e26..66ed2e1650 100644
--- a/.storybook/decorators/contextsWrapper.js
+++ b/.storybook/decorators/contextsWrapper.js
@@ -27,7 +27,7 @@ export const withContextWrapper = makeDecorator({
 		/** @type string */
 		const scale = args.scale ? args.scale : getDefaultValue(argTypes.scale) ?? "medium";
 
-		const colors = ["light", "dark", "darkest"];
+		const colors = ["light", "dark"];
 		const scales = ["medium", "large"];
 
 		useEffect(() => {
diff --git a/.storybook/preview.js b/.storybook/preview.js
index 8a3b42114e..0440bda910 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,5 +1,5 @@
 
-import DocumentationTemplate from './DocumentationTemplate.mdx';
+import DocumentationTemplate from "./DocumentationTemplate.mdx";
 
 import { withActions } from "@storybook/addon-actions/decorator";
 import {
@@ -81,17 +81,16 @@ export const argTypes = {
 		description: "Controls the color context of the component.",
 		type: { required: true },
 		table: {
-			type: { summary: "light | dark | darkest" },
+			type: { summary: "light | dark" },
 			defaultValue: { summary: "light" },
 			category: "Global",
 		},
-		options: ["light", "dark", "darkest"],
+		options: ["light", "dark"],
 		control: {
 			type: "select",
 			labels: {
 				light: "Light (default)",
 				dark: "Dark",
-				darkest: "Darkest",
 			},
 		},
 	},
@@ -187,11 +186,11 @@ export const parameters = {
 	panelPosition: "bottom",
 	showToolbar: true,
 	isFullscreen: false,
-	actions: { argTypesRegex: '^on.*' },
+	actions: { argTypesRegex: "^on.*" },
 	options: {
 		storySort: {
 			method: "alphabetical",
-			order: ['Guides', ['Contributing', '*', 'Adobe Code of Conduct', 'Changelog'], 'Foundations', 'Components', ['Docs', 'Default', '*'], '*'],
+			order: ["Guides", ["Contributing", "*", "Adobe Code of Conduct", "Changelog"], "Foundations", "Components", ["Docs", "Default", "*"], "*"],
 			includeNames: true,
 		},
 	},