Adjust colors to meet color contrast requirements (#8483)

Author: aaronccasanova

.changeset/young-mayflies-count.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris-tokens': patch
+---
+
+Adjusted colors to meet color contrast requirements

polaris-tokens/src/colors.ts

@@ -18,7 +18,7 @@ export const gray: Color = {
   50: 'rgba(255, 255, 255, 1)',
   100: 'rgba(249, 250, 251, 1)',
   200: 'rgba(241, 242, 244, 1)',
-  300: 'rgba(232, 234, 237, 1)',
+  300: 'rgba(235, 236, 239, 1)',
   400: 'rgba(221, 224, 228, 1)',
   500: 'rgba(202, 206, 211, 1)',
   600: 'rgba(171, 177, 186, 1)',
@@ -35,7 +35,7 @@ export const green: Color = {
   400: 'rgba(80, 220, 169, 1)',
   500: 'rgba(35, 196, 140, 1)',
   600: 'rgba(22, 166, 121, 1)',
-  700: 'rgba(0, 128, 96, 1)',
+  700: 'rgba(0, 122, 92, 1)',
   800: 'rgba(18, 84, 67, 1)',
   900: 'rgba(12, 59, 47, 1)',
 };

polaris-tokens/src/token-groups/color.ts

@@ -490,7 +490,7 @@ export const color: {
     description: '',
   },
   'color-border-info-subdued': {
-    value: colors.teal[200],
+    value: colors.teal[400],
     description: '',
   },
   'color-border-interactive-active': {