diff --git a/src/components/__tests__/BottomNavigation.test.tsx b/src/components/__tests__/BottomNavigation.test.tsx
index 43c1e9383b..efa8895697 100644
--- a/src/components/__tests__/BottomNavigation.test.tsx
+++ b/src/components/__tests__/BottomNavigation.test.tsx
@@ -481,7 +481,7 @@ describe('getActiveTintColor', () => {
   it.each`
     activeColor  | defaultColor | useV3    | expected
     ${'#FBF7DB'} | ${'#fff'}    | ${true}  | ${'#FBF7DB'}
-    ${undefined} | ${'#fff'}    | ${true}  | ${MD3Colors.secondary10}
+    ${undefined} | ${'#fff'}    | ${true}  | ${MD3Colors.secondary30}
     ${undefined} | ${'#fff'}    | ${false} | ${'#fff'}
   `(
     'returns $expected when activeColor: $activeColor and useV3: $useV3',
diff --git a/src/components/__tests__/__snapshots__/AnimatedFAB.test.tsx.snap b/src/components/__tests__/__snapshots__/AnimatedFAB.test.tsx.snap
index eea7087336..fa124295a5 100644
--- a/src/components/__tests__/__snapshots__/AnimatedFAB.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/AnimatedFAB.test.tsx.snap
@@ -228,7 +228,7 @@ exports[`renders animated fab 1`] = `
         style={
           [
             {
-              "color": "rgba(33, 0, 93, 1)",
+              "color": "rgba(79, 55, 139, 1)",
               "fontSize": 24,
             },
             [
@@ -260,7 +260,7 @@ exports[`renders animated fab 1`] = `
         onTextLayout={[Function]}
         style={
           {
-            "color": "rgba(33, 0, 93, 1)",
+            "color": "rgba(79, 55, 139, 1)",
             "fontFamily": "System",
             "fontSize": 14,
             "fontWeight": "500",
@@ -515,7 +515,7 @@ exports[`renders animated fab with label on the left 1`] = `
         style={
           [
             {
-              "color": "rgba(33, 0, 93, 1)",
+              "color": "rgba(79, 55, 139, 1)",
               "fontSize": 24,
             },
             [
@@ -547,7 +547,7 @@ exports[`renders animated fab with label on the left 1`] = `
         onTextLayout={[Function]}
         style={
           {
-            "color": "rgba(33, 0, 93, 1)",
+            "color": "rgba(79, 55, 139, 1)",
             "fontFamily": "System",
             "fontSize": 14,
             "fontWeight": "500",
@@ -804,7 +804,7 @@ exports[`renders animated fab with label on the right by default 1`] = `
         style={
           [
             {
-              "color": "rgba(33, 0, 93, 1)",
+              "color": "rgba(79, 55, 139, 1)",
               "fontSize": 24,
             },
             [
@@ -836,7 +836,7 @@ exports[`renders animated fab with label on the right by default 1`] = `
         onTextLayout={[Function]}
         style={
           {
-            "color": "rgba(33, 0, 93, 1)",
+            "color": "rgba(79, 55, 139, 1)",
             "fontFamily": "System",
             "fontSize": 14,
             "fontWeight": "500",
diff --git a/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap b/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap
index cc788ce0b9..10089823a0 100644
--- a/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap
@@ -908,7 +908,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -1102,7 +1102,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -1296,7 +1296,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -1649,7 +1649,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -1843,7 +1843,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -2037,7 +2037,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -2521,7 +2521,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -2835,7 +2835,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -3149,7 +3149,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -3463,7 +3463,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -3777,7 +3777,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -4255,7 +4255,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -4518,7 +4518,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -4781,7 +4781,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -5044,7 +5044,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -5307,7 +5307,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -9469,7 +9469,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -9783,7 +9783,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -10097,7 +10097,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -10575,7 +10575,7 @@ exports[`renders shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -10838,7 +10838,7 @@ exports[`renders shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -11101,7 +11101,7 @@ exports[`renders shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -11364,7 +11364,7 @@ exports[`renders shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
@@ -11627,7 +11627,7 @@ exports[`renders shifting bottom navigation 1`] = `
                     style={
                       [
                         {
-                          "color": "rgba(29, 25, 43, 1)",
+                          "color": "rgba(74, 68, 88, 1)",
                           "fontSize": 24,
                         },
                         [
diff --git a/src/components/__tests__/__snapshots__/Chip.test.tsx.snap b/src/components/__tests__/__snapshots__/Chip.test.tsx.snap
index 2994761722..7776860f02 100644
--- a/src/components/__tests__/__snapshots__/Chip.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/Chip.test.tsx.snap
@@ -177,7 +177,7 @@ exports[`renders chip with close button 1`] = `
                     "textAlignVertical": "center",
                   },
                   {
-                    "color": "rgba(29, 25, 43, 1)",
+                    "color": "rgba(74, 68, 88, 1)",
                     "fontFamily": "System",
                     "fontSize": 14,
                     "fontWeight": "500",
@@ -267,7 +267,7 @@ exports[`renders chip with close button 1`] = `
             style={
               [
                 {
-                  "color": "rgba(29, 25, 43, 1)",
+                  "color": "rgba(74, 68, 88, 1)",
                   "fontSize": 18,
                 },
                 [
@@ -472,7 +472,7 @@ exports[`renders chip with custom close button 1`] = `
                     "textAlignVertical": "center",
                   },
                   {
-                    "color": "rgba(29, 25, 43, 1)",
+                    "color": "rgba(74, 68, 88, 1)",
                     "fontFamily": "System",
                     "fontSize": 14,
                     "fontWeight": "500",
@@ -562,7 +562,7 @@ exports[`renders chip with custom close button 1`] = `
             style={
               [
                 {
-                  "color": "rgba(29, 25, 43, 1)",
+                  "color": "rgba(74, 68, 88, 1)",
                   "fontSize": 18,
                 },
                 [
@@ -767,7 +767,7 @@ exports[`renders chip with icon 1`] = `
                     "textAlignVertical": "center",
                   },
                   {
-                    "color": "rgba(29, 25, 43, 1)",
+                    "color": "rgba(74, 68, 88, 1)",
                     "fontFamily": "System",
                     "fontSize": 14,
                     "fontWeight": "500",
@@ -924,7 +924,7 @@ exports[`renders chip with onPress 1`] = `
                     "textAlignVertical": "center",
                   },
                   {
-                    "color": "rgba(29, 25, 43, 1)",
+                    "color": "rgba(74, 68, 88, 1)",
                     "fontFamily": "System",
                     "fontSize": 14,
                     "fontWeight": "500",
@@ -1235,7 +1235,7 @@ exports[`renders selected chip 1`] = `
             style={
               [
                 {
-                  "color": "rgba(29, 25, 43, 1)",
+                  "color": "rgba(74, 68, 88, 1)",
                   "fontSize": 18,
                 },
                 [
@@ -1283,7 +1283,7 @@ exports[`renders selected chip 1`] = `
                     "textAlignVertical": "center",
                   },
                   {
-                    "color": "rgba(29, 25, 43, 1)",
+                    "color": "rgba(74, 68, 88, 1)",
                     "fontFamily": "System",
                     "fontSize": 14,
                     "fontWeight": "500",
diff --git a/src/components/__tests__/__snapshots__/DrawerItem.test.tsx.snap b/src/components/__tests__/__snapshots__/DrawerItem.test.tsx.snap
index 78e3ed8612..356c98facc 100644
--- a/src/components/__tests__/__snapshots__/DrawerItem.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/DrawerItem.test.tsx.snap
@@ -251,7 +251,7 @@ exports[`renders active DrawerItem 1`] = `
           style={
             [
               {
-                "color": "rgba(29, 25, 43, 1)",
+                "color": "rgba(74, 68, 88, 1)",
                 "fontSize": 24,
               },
               [
@@ -297,7 +297,7 @@ exports[`renders active DrawerItem 1`] = `
                     "marginRight": 32,
                   },
                   {
-                    "color": "rgba(29, 25, 43, 1)",
+                    "color": "rgba(74, 68, 88, 1)",
                     "fontFamily": "System",
                     "fontSize": 14,
                     "fontWeight": "500",
diff --git a/src/components/__tests__/__snapshots__/FAB.test.tsx.snap b/src/components/__tests__/__snapshots__/FAB.test.tsx.snap
index b4a42c20fa..9dc44170af 100644
--- a/src/components/__tests__/__snapshots__/FAB.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/FAB.test.tsx.snap
@@ -145,7 +145,7 @@ exports[`renders FAB with custom size prop 1`] = `
               style={
                 [
                   {
-                    "color": "rgba(33, 0, 93, 1)",
+                    "color": "rgba(79, 55, 139, 1)",
                     "fontSize": 50,
                   },
                   [
@@ -493,7 +493,7 @@ exports[`renders default FAB 1`] = `
               style={
                 [
                   {
-                    "color": "rgba(33, 0, 93, 1)",
+                    "color": "rgba(79, 55, 139, 1)",
                     "fontSize": 24,
                   },
                   [
@@ -842,7 +842,7 @@ exports[`renders extended FAB 1`] = `
               style={
                 [
                   {
-                    "color": "rgba(33, 0, 93, 1)",
+                    "color": "rgba(79, 55, 139, 1)",
                     "fontSize": 24,
                   },
                   [
@@ -890,7 +890,7 @@ exports[`renders extended FAB 1`] = `
                   },
                   false,
                   {
-                    "color": "rgba(33, 0, 93, 1)",
+                    "color": "rgba(79, 55, 139, 1)",
                     "fontFamily": "System",
                     "fontSize": 14,
                     "fontWeight": "500",
@@ -1056,7 +1056,7 @@ exports[`renders extended FAB with custom size prop 1`] = `
               style={
                 [
                   {
-                    "color": "rgba(33, 0, 93, 1)",
+                    "color": "rgba(79, 55, 139, 1)",
                     "fontSize": 50,
                   },
                   [
@@ -1104,7 +1104,7 @@ exports[`renders extended FAB with custom size prop 1`] = `
                   },
                   false,
                   {
-                    "color": "rgba(33, 0, 93, 1)",
+                    "color": "rgba(79, 55, 139, 1)",
                     "fontFamily": "System",
                     "fontSize": 14,
                     "fontWeight": "500",
@@ -1270,7 +1270,7 @@ exports[`renders large FAB 1`] = `
               style={
                 [
                   {
-                    "color": "rgba(33, 0, 93, 1)",
+                    "color": "rgba(79, 55, 139, 1)",
                     "fontSize": 36,
                   },
                   [
@@ -1500,7 +1500,7 @@ exports[`renders loading FAB 1`] = `
                         collapsable={false}
                         style={
                           {
-                            "borderColor": "rgba(33, 0, 93, 1)",
+                            "borderColor": "rgba(79, 55, 139, 1)",
                             "borderRadius": 9,
                             "borderWidth": 1.8,
                             "height": 18,
@@ -1583,7 +1583,7 @@ exports[`renders loading FAB 1`] = `
                         collapsable={false}
                         style={
                           {
-                            "borderColor": "rgba(33, 0, 93, 1)",
+                            "borderColor": "rgba(79, 55, 139, 1)",
                             "borderRadius": 9,
                             "borderWidth": 1.8,
                             "height": 18,
@@ -1805,7 +1805,7 @@ exports[`renders loading FAB with custom size prop 1`] = `
                         collapsable={false}
                         style={
                           {
-                            "borderColor": "rgba(33, 0, 93, 1)",
+                            "borderColor": "rgba(79, 55, 139, 1)",
                             "borderRadius": 25,
                             "borderWidth": 5,
                             "height": 50,
@@ -1888,7 +1888,7 @@ exports[`renders loading FAB with custom size prop 1`] = `
                         collapsable={false}
                         style={
                           {
-                            "borderColor": "rgba(33, 0, 93, 1)",
+                            "borderColor": "rgba(79, 55, 139, 1)",
                             "borderRadius": 25,
                             "borderWidth": 5,
                             "height": 50,
@@ -2054,7 +2054,7 @@ exports[`renders not visible FAB 1`] = `
               style={
                 [
                   {
-                    "color": "rgba(33, 0, 93, 1)",
+                    "color": "rgba(79, 55, 139, 1)",
                     "fontSize": 24,
                   },
                   [
@@ -2228,7 +2228,7 @@ exports[`renders small FAB 1`] = `
               style={
                 [
                   {
-                    "color": "rgba(33, 0, 93, 1)",
+                    "color": "rgba(79, 55, 139, 1)",
                     "fontSize": 24,
                   },
                   [
@@ -2402,7 +2402,7 @@ exports[`renders visible FAB 1`] = `
               style={
                 [
                   {
-                    "color": "rgba(33, 0, 93, 1)",
+                    "color": "rgba(79, 55, 139, 1)",
                     "fontSize": 24,
                   },
                   [
diff --git a/src/components/__tests__/__snapshots__/ListItem.test.tsx.snap b/src/components/__tests__/__snapshots__/ListItem.test.tsx.snap
index 1f8c683d3a..a73186020a 100644
--- a/src/components/__tests__/__snapshots__/ListItem.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/ListItem.test.tsx.snap
@@ -293,7 +293,7 @@ exports[`renders list item with custom description 1`] = `
                               "textAlignVertical": "center",
                             },
                             {
-                              "color": "rgba(29, 25, 43, 1)",
+                              "color": "rgba(74, 68, 88, 1)",
                               "fontFamily": "System",
                               "fontSize": 14,
                               "fontWeight": "500",
diff --git a/src/components/__tests__/__snapshots__/ListSection.test.tsx.snap b/src/components/__tests__/__snapshots__/ListSection.test.tsx.snap
index b5bc07c4b8..256fb5e113 100644
--- a/src/components/__tests__/__snapshots__/ListSection.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/ListSection.test.tsx.snap
@@ -33,16 +33,16 @@ exports[`renders list section with custom title style 1`] = `
         "inverseSurface": "rgba(49, 48, 51, 1)",
         "onBackground": "rgba(28, 27, 31, 1)",
         "onError": "rgba(255, 255, 255, 1)",
-        "onErrorContainer": "rgba(65, 14, 11, 1)",
+        "onErrorContainer": "rgba(140, 29, 24, 1)",
         "onPrimary": "rgba(255, 255, 255, 1)",
-        "onPrimaryContainer": "rgba(33, 0, 93, 1)",
+        "onPrimaryContainer": "rgba(79, 55, 139, 1)",
         "onSecondary": "rgba(255, 255, 255, 1)",
-        "onSecondaryContainer": "rgba(29, 25, 43, 1)",
+        "onSecondaryContainer": "rgba(74, 68, 88, 1)",
         "onSurface": "rgba(28, 27, 31, 1)",
         "onSurfaceDisabled": "rgba(28, 27, 31, 0.38)",
         "onSurfaceVariant": "rgba(73, 69, 79, 1)",
         "onTertiary": "rgba(255, 255, 255, 1)",
-        "onTertiaryContainer": "rgba(49, 17, 29, 1)",
+        "onTertiaryContainer": "rgba(99, 59, 72, 1)",
         "outline": "rgba(121, 116, 126, 1)",
         "outlineVariant": "rgba(202, 196, 208, 1)",
         "primary": "rgba(103, 80, 164, 1)",
@@ -560,16 +560,16 @@ exports[`renders list section with subheader 1`] = `
         "inverseSurface": "rgba(49, 48, 51, 1)",
         "onBackground": "rgba(28, 27, 31, 1)",
         "onError": "rgba(255, 255, 255, 1)",
-        "onErrorContainer": "rgba(65, 14, 11, 1)",
+        "onErrorContainer": "rgba(140, 29, 24, 1)",
         "onPrimary": "rgba(255, 255, 255, 1)",
-        "onPrimaryContainer": "rgba(33, 0, 93, 1)",
+        "onPrimaryContainer": "rgba(79, 55, 139, 1)",
         "onSecondary": "rgba(255, 255, 255, 1)",
-        "onSecondaryContainer": "rgba(29, 25, 43, 1)",
+        "onSecondaryContainer": "rgba(74, 68, 88, 1)",
         "onSurface": "rgba(28, 27, 31, 1)",
         "onSurfaceDisabled": "rgba(28, 27, 31, 0.38)",
         "onSurfaceVariant": "rgba(73, 69, 79, 1)",
         "onTertiary": "rgba(255, 255, 255, 1)",
-        "onTertiaryContainer": "rgba(49, 17, 29, 1)",
+        "onTertiaryContainer": "rgba(99, 59, 72, 1)",
         "outline": "rgba(121, 116, 126, 1)",
         "outlineVariant": "rgba(202, 196, 208, 1)",
         "primary": "rgba(103, 80, 164, 1)",
@@ -1085,16 +1085,16 @@ exports[`renders list section without subheader 1`] = `
         "inverseSurface": "rgba(49, 48, 51, 1)",
         "onBackground": "rgba(28, 27, 31, 1)",
         "onError": "rgba(255, 255, 255, 1)",
-        "onErrorContainer": "rgba(65, 14, 11, 1)",
+        "onErrorContainer": "rgba(140, 29, 24, 1)",
         "onPrimary": "rgba(255, 255, 255, 1)",
-        "onPrimaryContainer": "rgba(33, 0, 93, 1)",
+        "onPrimaryContainer": "rgba(79, 55, 139, 1)",
         "onSecondary": "rgba(255, 255, 255, 1)",
-        "onSecondaryContainer": "rgba(29, 25, 43, 1)",
+        "onSecondaryContainer": "rgba(74, 68, 88, 1)",
         "onSurface": "rgba(28, 27, 31, 1)",
         "onSurfaceDisabled": "rgba(28, 27, 31, 0.38)",
         "onSurfaceVariant": "rgba(73, 69, 79, 1)",
         "onTertiary": "rgba(255, 255, 255, 1)",
-        "onTertiaryContainer": "rgba(49, 17, 29, 1)",
+        "onTertiaryContainer": "rgba(99, 59, 72, 1)",
         "outline": "rgba(121, 116, 126, 1)",
         "outlineVariant": "rgba(202, 196, 208, 1)",
         "primary": "rgba(103, 80, 164, 1)",
diff --git a/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap b/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap
index 83f1541397..40e7cc52c5 100644
--- a/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap
@@ -121,7 +121,7 @@ exports[`renders segmented button 1`] = `
                     "textAlign": "center",
                   },
                   {
-                    "color": "rgba(29, 25, 43, 1)",
+                    "color": "rgba(74, 68, 88, 1)",
                     "fontFamily": "System",
                     "fontSize": 14,
                     "fontWeight": "500",
diff --git a/src/components/__tests__/__snapshots__/ToggleButton.test.tsx.snap b/src/components/__tests__/__snapshots__/ToggleButton.test.tsx.snap
index 456c0402fa..d672ebce4a 100644
--- a/src/components/__tests__/__snapshots__/ToggleButton.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/ToggleButton.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`renders disabled toggle button 1`] = `
   collapsable={false}
   style={
     {
-      "backgroundColor": "rgba(29, 25, 43, 0.12)",
+      "backgroundColor": "rgba(74, 68, 88, 0.12)",
       "borderRadius": 4,
       "height": 42,
       "margin": 0,
@@ -25,7 +25,7 @@ exports[`renders disabled toggle button 1`] = `
     collapsable={false}
     style={
       {
-        "backgroundColor": "rgba(29, 25, 43, 0.12)",
+        "backgroundColor": "rgba(74, 68, 88, 0.12)",
         "borderColor": "rgba(121, 116, 126, 1)",
         "borderRadius": 4,
         "borderWidth": 0,
@@ -144,7 +144,7 @@ exports[`renders toggle button 1`] = `
   collapsable={false}
   style={
     {
-      "backgroundColor": "rgba(29, 25, 43, 0.12)",
+      "backgroundColor": "rgba(74, 68, 88, 0.12)",
       "borderRadius": 4,
       "height": 42,
       "margin": 0,
@@ -164,7 +164,7 @@ exports[`renders toggle button 1`] = `
     collapsable={false}
     style={
       {
-        "backgroundColor": "rgba(29, 25, 43, 0.12)",
+        "backgroundColor": "rgba(74, 68, 88, 0.12)",
         "borderColor": "rgba(121, 116, 126, 1)",
         "borderRadius": 4,
         "borderWidth": 0,
diff --git a/src/styles/themes/v3/DarkTheme.tsx b/src/styles/themes/v3/DarkTheme.tsx
index 9823e677bd..3a5ac02107 100644
--- a/src/styles/themes/v3/DarkTheme.tsx
+++ b/src/styles/themes/v3/DarkTheme.tsx
@@ -41,7 +41,7 @@ export const MD3DarkTheme: MD3Theme = {
       .rgb()
       .string(),
     onError: palette.error20,
-    onErrorContainer: palette.error80,
+    onErrorContainer: palette.error90,
     onBackground: palette.neutral90,
     outline: palette.neutralVariant60,
     outlineVariant: palette.neutralVariant30,
diff --git a/src/styles/themes/v3/LightTheme.tsx b/src/styles/themes/v3/LightTheme.tsx
index 99e0d11ab4..700dcb8823 100644
--- a/src/styles/themes/v3/LightTheme.tsx
+++ b/src/styles/themes/v3/LightTheme.tsx
@@ -28,11 +28,11 @@ export const MD3LightTheme: MD3Theme = {
     error: palette.error40,
     errorContainer: palette.error90,
     onPrimary: palette.primary100,
-    onPrimaryContainer: palette.primary10,
+    onPrimaryContainer: palette.primary30,
     onSecondary: palette.secondary100,
-    onSecondaryContainer: palette.secondary10,
+    onSecondaryContainer: palette.secondary30,
     onTertiary: palette.tertiary100,
-    onTertiaryContainer: palette.tertiary10,
+    onTertiaryContainer: palette.tertiary30,
     onSurface: palette.neutral10,
     onSurfaceVariant: palette.neutralVariant30,
     onSurfaceDisabled: color(palette.neutral10)
@@ -40,7 +40,7 @@ export const MD3LightTheme: MD3Theme = {
       .rgb()
       .string(),
     onError: palette.error100,
-    onErrorContainer: palette.error10,
+    onErrorContainer: palette.error30,
     onBackground: palette.neutral10,
     outline: palette.neutralVariant50,
     outlineVariant: palette.neutralVariant80,