diff --git a/polaris-react/src/components/Icon/Icon.stories.tsx b/polaris-react/src/components/Icon/Icon.stories.tsx
index 7d5d910653a..ffa1edab7df 100644
--- a/polaris-react/src/components/Icon/Icon.stories.tsx
+++ b/polaris-react/src/components/Icon/Icon.stories.tsx
@@ -17,7 +17,7 @@ export function Colored() {
       <Icon source={CirclePlusMinor} tone="base" />
       <Icon source={CirclePlusMinor} tone="subdued" />
       <Icon source={CirclePlusMinor} tone="primary" />
-      <Icon source={CirclePlusMinor} tone="highlight" />
+      <Icon source={CirclePlusMinor} tone="info" />
       <Icon source={CirclePlusMinor} tone="success" />
       <Icon source={CirclePlusMinor} tone="caution" />
       <Icon source={CirclePlusMinor} tone="warning" />
diff --git a/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx b/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx
index 831ea226434..097f83d92d6 100644
--- a/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx
+++ b/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx
@@ -23,7 +23,7 @@ export function WithColors() {
       <br />
       <ProgressBar progress={30} tone="critical" />
       <br />
-      <ProgressBar progress={30} tone="highlight" />
+      <ProgressBar progress={30} tone="info" />
     </div>
   );
 }
diff --git a/polaris.shopify.com/pages/examples/icon-colored.tsx b/polaris.shopify.com/pages/examples/icon-colored.tsx
index a4c5249f949..eae1b4a4dc2 100644
--- a/polaris.shopify.com/pages/examples/icon-colored.tsx
+++ b/polaris.shopify.com/pages/examples/icon-colored.tsx
@@ -9,7 +9,7 @@ function IconExample() {
       <Icon source={CirclePlusMinor} tone="base" />
       <Icon source={CirclePlusMinor} tone="subdued" />
       <Icon source={CirclePlusMinor} tone="primary" />
-      <Icon source={CirclePlusMinor} tone="highlight" />
+      <Icon source={CirclePlusMinor} tone="info" />
       <Icon source={CirclePlusMinor} tone="success" />
       <Icon source={CirclePlusMinor} tone="caution" />
       <Icon source={CirclePlusMinor} tone="warning" />
diff --git a/polaris.shopify.com/src/components/TipBanner/TipBanner.tsx b/polaris.shopify.com/src/components/TipBanner/TipBanner.tsx
index 34371ac26dc..da067cbee78 100644
--- a/polaris.shopify.com/src/components/TipBanner/TipBanner.tsx
+++ b/polaris.shopify.com/src/components/TipBanner/TipBanner.tsx
@@ -13,7 +13,7 @@ function TipBanner({title, children}: Props) {
       <BlockStack gap="2">
         <InlineStack gap="2">
           <div>
-            <Icon source={InfoMinor} tone="highlight" />
+            <Icon source={InfoMinor} tone="info" />
           </div>
           <Text as="h4" variant="headingMd">
             {title}