diff --git a/src/__integ__/__snapshots__/themes.test.ts.snap b/src/__integ__/__snapshots__/themes.test.ts.snap
index 15a12f5214..69ab6e75e2 100644
--- a/src/__integ__/__snapshots__/themes.test.ts.snap
+++ b/src/__integ__/__snapshots__/themes.test.ts.snap
@@ -563,6 +563,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-text-interactive-inverted-default": "#d5dbdb",
   "color-text-interactive-inverted-hover": "#fafafa",
   "color-text-inverted": "#ffffff",
+  "color-text-key-value-pairs-value": "#16191f",
   "color-text-label": "#545b64",
   "color-text-label-gen-ai": "#7300e5",
   "color-text-layout-toggle": "#545b64",
@@ -1424,6 +1425,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-text-interactive-inverted-default": "#d5dbdb",
   "color-text-interactive-inverted-hover": "#fafafa",
   "color-text-inverted": "#16191f",
+  "color-text-key-value-pairs-value": "#d5dbdb",
   "color-text-label": "#95a5a6",
   "color-text-label-gen-ai": "#bf80ff",
   "color-text-layout-toggle": "#d5dbdb",
@@ -2285,6 +2287,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-text-interactive-inverted-default": "#d5dbdb",
   "color-text-interactive-inverted-hover": "#fafafa",
   "color-text-inverted": "#ffffff",
+  "color-text-key-value-pairs-value": "#16191f",
   "color-text-label": "#545b64",
   "color-text-label-gen-ai": "#7300e5",
   "color-text-layout-toggle": "#545b64",
@@ -3146,6 +3149,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-text-interactive-inverted-default": "#d5dbdb",
   "color-text-interactive-inverted-hover": "#fafafa",
   "color-text-inverted": "#ffffff",
+  "color-text-key-value-pairs-value": "#16191f",
   "color-text-label": "#545b64",
   "color-text-label-gen-ai": "#7300e5",
   "color-text-layout-toggle": "#545b64",
@@ -4007,6 +4011,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-text-interactive-inverted-default": "#dedee3",
   "color-text-interactive-inverted-hover": "#f9f9fa",
   "color-text-inverted": "#ffffff",
+  "color-text-key-value-pairs-value": "#0f141a",
   "color-text-label": "#0f141a",
   "color-text-label-gen-ai": "#7300e5",
   "color-text-layout-toggle": "#ffffff",
@@ -4868,6 +4873,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-interactive-inverted-default": "#dedee3",
   "color-text-interactive-inverted-hover": "#f9f9fa",
   "color-text-inverted": "#ffffff",
+  "color-text-key-value-pairs-value": "#0f141a",
   "color-text-label": "#0f141a",
   "color-text-label-gen-ai": "#7300e5",
   "color-text-layout-toggle": "#ffffff",
@@ -5729,6 +5735,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-interactive-inverted-default": "#dedee3",
   "color-text-interactive-inverted-hover": "#f9f9fa",
   "color-text-inverted": "#0f141a",
+  "color-text-key-value-pairs-value": "#c6c6cd",
   "color-text-label": "#dedee3",
   "color-text-label-gen-ai": "#bf80ff",
   "color-text-layout-toggle": "#ffffff",
@@ -6590,6 +6597,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-interactive-inverted-default": "#dedee3",
   "color-text-interactive-inverted-hover": "#f9f9fa",
   "color-text-inverted": "#0f141a",
+  "color-text-key-value-pairs-value": "#c6c6cd",
   "color-text-label": "#dedee3",
   "color-text-label-gen-ai": "#bf80ff",
   "color-text-layout-toggle": "#ffffff",
diff --git a/src/key-value-pairs/styles.scss b/src/key-value-pairs/styles.scss
index dc0c91140c..ed6ea96394 100644
--- a/src/key-value-pairs/styles.scss
+++ b/src/key-value-pairs/styles.scss
@@ -45,6 +45,7 @@
   margin-inline-start: 0;
   margin-block-start: 0;
   margin-block-end: 0;
+  color: awsui.$color-text-key-value-pairs-value;
 }
 
 .info {
diff --git a/style-dictionary/utils/token-names.ts b/style-dictionary/utils/token-names.ts
index 3c244c7c0c..e7b6d91be7 100644
--- a/style-dictionary/utils/token-names.ts
+++ b/style-dictionary/utils/token-names.ts
@@ -753,6 +753,7 @@ export type ColorsTokenName =
   | 'colorTextInteractiveInvertedHover'
   | 'colorTextInverted'
   | 'colorTextLabel'
+  | 'colorTextKeyValuePairsValue'
   | 'colorTextLabelGenAi'
   | 'colorTextLayoutToggle'
   | 'colorTextLayoutToggleActive'
diff --git a/style-dictionary/visual-refresh/colors.ts b/style-dictionary/visual-refresh/colors.ts
index c6e5c2c6f7..0f416845c6 100644
--- a/style-dictionary/visual-refresh/colors.ts
+++ b/style-dictionary/visual-refresh/colors.ts
@@ -270,6 +270,7 @@ const tokens: StyleDictionary.ColorsDictionary = {
   colorTextInteractiveInvertedHover: '{colorNeutral100}',
   colorTextInverted: { light: '{colorWhite}', dark: '{colorNeutral950}' },
   colorTextLabel: '{colorTextFormLabel}',
+  colorTextKeyValuePairsValue: '{colorTextBodyDefault}',
   colorTextLayoutToggle: '{colorWhite}',
   colorTextLayoutToggleActive: { light: '{colorWhite}', dark: '{colorNeutral850}' },
   colorTextLayoutToggleHover: { light: '{colorPrimary600}', dark: '{colorPrimary400}' },
diff --git a/style-dictionary/visual-refresh/metadata/colors.ts b/style-dictionary/visual-refresh/metadata/colors.ts
index 8de8172788..0196d384d3 100644
--- a/style-dictionary/visual-refresh/metadata/colors.ts
+++ b/style-dictionary/visual-refresh/metadata/colors.ts
@@ -863,6 +863,11 @@ const metadata: StyleDictionary.MetadataIndex = {
     public: true,
     themeable: true,
   },
+  colorTextKeyValuePairsValue: {
+    description: 'The text color of the value in key-value pairs.',
+    public: false,
+    themeable: true,
+  },
   colorTextLinkDefault: {
     description:
       'The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.',