diff --git a/storybook/src/components/Breakout/Breakout.stories.tsx b/storybook/src/components/Breakout/Breakout.stories.tsx
index 069f8c90c2..1b747df40a 100644
--- a/storybook/src/components/Breakout/Breakout.stories.tsx
+++ b/storybook/src/components/Breakout/Breakout.stories.tsx
@@ -27,7 +27,7 @@ export const Default: Story = {
   args: {
     children: [
       <Breakout.Cell colSpan="all" has="spotlight" key={1} rowSpan={{ medium: 2, narrow: 2, wide: 1 }} rowStart={2}>
-        <Spotlight />
+        <Spotlight color="green" />
       </Breakout.Cell>,
       <Breakout.Cell
         colSpan={{ medium: 8, narrow: 4, wide: 6 }}
@@ -57,7 +57,7 @@ export const VerticalLayout: Story = {
   args: {
     children: [
       <Breakout.Cell colSpan="all" has="spotlight" key={1} rowSpan={2} rowStart={2}>
-        <Spotlight />
+        <Spotlight color="orange" />
       </Breakout.Cell>,
       <Breakout.Cell colSpan="all" has="figure" key={2} rowSpan={2} rowStart={1}>
         <Image alt="" src="https://picsum.photos/1600/900" />
diff --git a/storybook/src/pages/amsterdam/ArticlePage/ArticleBody.tsx b/storybook/src/pages/amsterdam/ArticlePage/ArticleBody.tsx
index ef42cd9ad6..a8d477f18c 100644
--- a/storybook/src/pages/amsterdam/ArticlePage/ArticleBody.tsx
+++ b/storybook/src/pages/amsterdam/ArticlePage/ArticleBody.tsx
@@ -22,7 +22,7 @@ export const ArticleBody = ({ lead, paragraph1, spotlightHeading, spotlightLinkL
         <Paragraph>{paragraph1}</Paragraph>
       </Grid.Cell>
     </Grid>
-    <Spotlight as="section" color="purple">
+    <Spotlight as="section">
       <Grid paddingTop="medium" paddingBottom="large">
         <Grid.Cell span={{ narrow: 4, medium: 6, wide: 8 }} start={{ narrow: 1, medium: 2, wide: 3 }}>
           <Column gap="small">
diff --git a/storybook/src/pages/amsterdam/HomePage/HomeSpotlight.tsx b/storybook/src/pages/amsterdam/HomePage/HomeSpotlight.tsx
index 5e1d7be359..a1afef38c5 100644
--- a/storybook/src/pages/amsterdam/HomePage/HomeSpotlight.tsx
+++ b/storybook/src/pages/amsterdam/HomePage/HomeSpotlight.tsx
@@ -1,7 +1,7 @@
 import { Grid, Heading, Link, Paragraph, Spotlight } from '@amsterdam/design-system-react'
 
 export const HomeSpotlight = () => (
-  <Spotlight color="purple">
+  <Spotlight>
     <Grid paddingVertical="medium">
       <Grid.Cell span={{ narrow: 4, medium: 4, wide: 6 }}>
         <Heading className="ams-mb--xs" inverseColor size="level-2">