diff --git a/packages/sage-react/lib/Chart/Chart.story.jsx b/packages/sage-react/lib/Chart/Chart.story.jsx
index 0721c11e43..4ecb0bec7a 100644
--- a/packages/sage-react/lib/Chart/Chart.story.jsx
+++ b/packages/sage-react/lib/Chart/Chart.story.jsx
@@ -72,7 +72,7 @@ MultipleBars.args = {
       {
         dataKey: 'thisYear',
         name: 'This Year',
-        fill: SageTokens.COLOR_PALETTE.SAGE_100,
+        fill: SageTokens.COLOR_PALETTE.GREEN_150,
       },
       {
         dataKey: 'lastYear',
@@ -124,7 +124,7 @@ Donut.args = {
     {
       name: 'Healthy',
       value: 2467,
-      fill: SageTokens.COLOR_PALETTE.SAGE_100,
+      fill: SageTokens.COLOR_PALETTE.GREEN_150,
     },
     {
       name: 'Unengaged',
diff --git a/packages/sage-react/lib/Chart/types/Bar.jsx b/packages/sage-react/lib/Chart/types/Bar.jsx
index d0eb5b8e9d..ebf5386e4f 100644
--- a/packages/sage-react/lib/Chart/types/Bar.jsx
+++ b/packages/sage-react/lib/Chart/types/Bar.jsx
@@ -72,7 +72,7 @@ Bar.defaultProps = {
   aspect: 1.8,
   bars: [{
     dataKey: 'value',
-    fill: SageTokens.COLOR_PALETTE.SAGE_100,
+    fill: SageTokens.COLOR_PALETTE.GREEN_150,
     name: 'Value'
   }],
   showLegend: false,
diff --git a/packages/sage-react/lib/MediaTile/MediaTile.story.jsx b/packages/sage-react/lib/MediaTile/MediaTile.story.jsx
index bfd1803c21..f37175394c 100644
--- a/packages/sage-react/lib/MediaTile/MediaTile.story.jsx
+++ b/packages/sage-react/lib/MediaTile/MediaTile.story.jsx
@@ -85,7 +85,7 @@ KitchenSink.args = {
   ),
   mediaConfigs: {
     aspectRatio: 1.8,
-    backgroundColor: SageTokens.COLOR_PALETTE.SAGE_100,
+    backgroundColor: SageTokens.COLOR_PALETTE.GREEN_150,
     padded: true,
   },
   tileLink: null,