diff --git a/.changeset/kind-goats-pump.md b/.changeset/kind-goats-pump.md
new file mode 100644
index 0000000000..e29d97f4e8
--- /dev/null
+++ b/.changeset/kind-goats-pump.md
@@ -0,0 +1,6 @@
+---
+'@lg-chat/rich-links': patch
+'@lg-chat/message': patch
+---
+
+[LG-5684](https://jira.mongodb.org/browse/LG-5684): update colors used for `RichLinkBadge` component which is used in `Message.Links`
diff --git a/chat/rich-links/src/RichLink/RichLink.stories.tsx b/chat/rich-links/src/RichLink/RichLink.stories.tsx
index bb8682e6b3..bdeed9f0a2 100644
--- a/chat/rich-links/src/RichLink/RichLink.stories.tsx
+++ b/chat/rich-links/src/RichLink/RichLink.stories.tsx
@@ -1,11 +1,26 @@
 import React from 'react';
+import { storybookArgTypes } from '@lg-tools/storybook-utils';
 import { StoryFn } from '@storybook/react';
 
+import LeafyGreenProvider from '@leafygreen-ui/leafygreen-provider';
+
 import { RichLink } from '.';
 
 export default {
   title: 'Composition/Chat/RichLink',
   component: RichLink,
+  argTypes: {
+    darkMode: storybookArgTypes.darkMode,
+  },
+  decorators: [
+    (Story: StoryFn, context) => {
+      return (
+        <LeafyGreenProvider darkMode={context?.args.darkMode}>
+          <Story />
+        </LeafyGreenProvider>
+      );
+    },
+  ],
 };
 
 const Template: StoryFn<typeof RichLink> = props => (
diff --git a/chat/rich-links/src/RichLink/RichLink.tsx b/chat/rich-links/src/RichLink/RichLink.tsx
index d1552c65cc..62932d677d 100644
--- a/chat/rich-links/src/RichLink/RichLink.tsx
+++ b/chat/rich-links/src/RichLink/RichLink.tsx
@@ -2,7 +2,9 @@ import React, { forwardRef } from 'react';
 
 import { Card } from '@leafygreen-ui/card';
 import { cx } from '@leafygreen-ui/emotion';
-import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
+import LeafyGreenProvider, {
+  useDarkMode,
+} from '@leafygreen-ui/leafygreen-provider';
 import { PolymorphicAs } from '@leafygreen-ui/polymorphic';
 import { Body } from '@leafygreen-ui/typography';
 
@@ -52,25 +54,25 @@ export const RichLink = forwardRef<HTMLAnchorElement, RichLinkProps>(
       : {};
 
     return (
-      <Card
-        darkMode={darkMode}
-        className={cx(baseStyles, themeStyles[theme])}
-        title={children}
-        {...conditionalProps}
-        onClick={() => onLinkClick?.(props)}
-      >
-        <Body as="span" className={richLinkTextClassName} darkMode={darkMode}>
-          {children}
-        </Body>
-        {showBadge ? (
-          <RichLinkBadge
-            darkMode={darkMode}
-            color={badgeColor}
-            label={badgeLabel}
-            glyph={badgeGlyph}
-          />
-        ) : null}
-      </Card>
+      <LeafyGreenProvider darkMode={darkMode}>
+        <Card
+          className={cx(baseStyles, themeStyles[theme])}
+          title={children}
+          {...conditionalProps}
+          onClick={() => onLinkClick?.(props)}
+        >
+          <Body as="span" className={richLinkTextClassName}>
+            {children}
+          </Body>
+          {showBadge ? (
+            <RichLinkBadge
+              color={badgeColor}
+              label={badgeLabel}
+              glyph={badgeGlyph}
+            />
+          ) : null}
+        </Card>
+      </LeafyGreenProvider>
     );
   },
 );
diff --git a/chat/rich-links/src/RichLink/RichLinkBadge/RichLinkBadge.styles.ts b/chat/rich-links/src/RichLink/RichLinkBadge/RichLinkBadge.styles.ts
index e93c81c5bb..95ffd444fc 100644
--- a/chat/rich-links/src/RichLink/RichLinkBadge/RichLinkBadge.styles.ts
+++ b/chat/rich-links/src/RichLink/RichLinkBadge/RichLinkBadge.styles.ts
@@ -22,12 +22,12 @@ export const badgeVariants: Record<
 > = {
   [Theme.Dark]: {
     [RichLinkBadgeColors.Gray]: css`
-      background-color: ${palette.gray.dark1};
+      background-color: ${palette.gray.dark2};
       & svg {
-        color: ${palette.gray.light3};
+        color: ${palette.gray.light1};
       }
       & p {
-        color: ${palette.gray.light3};
+        color: ${palette.gray.light2};
       }
     `,
     [RichLinkBadgeColors.Blue]: css`
@@ -92,7 +92,7 @@ export const badgeVariants: Record<
         color: ${palette.blue.dark2};
       }
       & p {
-        color: ${palette.blue.dark1};
+        color: ${palette.blue.dark3};
       }
     `,
     [RichLinkBadgeColors.Green]: css`
