diff --git a/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap
index 245835dde8ce..a42d4a5bf7bf 100644
--- a/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap
+++ b/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -209,6 +209,8 @@ Array [
   "label02",
   "layer",
   "layerAccent",
+  "layerAccentActive",
+  "layerAccentHover",
   "layerActive",
   "layerDisabled",
   "layerHover",
diff --git a/packages/themes/src/g10.js b/packages/themes/src/g10.js
index 358d007add29..aea9efe7a508 100644
--- a/packages/themes/src/g10.js
+++ b/packages/themes/src/g10.js
@@ -142,6 +142,8 @@ export const skeleton02 = gray30;
 export const background = uiBackground;
 export const layer = ui01;
 export const layerAccent = ui03;
+export const layerAccentActive = gray40;
+export const layerAccentHover = adjustLightness(layerAccent, -6);
 export const field = field01;
 export const backgroundInverse = inverse02;
 export const backgroundBrand = interactive01;
diff --git a/packages/themes/src/g100.js b/packages/themes/src/g100.js
index 971ab3104263..e7b4569d8267 100644
--- a/packages/themes/src/g100.js
+++ b/packages/themes/src/g100.js
@@ -141,6 +141,8 @@ export const skeleton02 = gray70;
 export const background = uiBackground;
 export const layer = ui01;
 export const layerAccent = ui03;
+export const layerAccentActive = gray60;
+export const layerAccentHover = adjustLightness(layerAccent, +6);
 export const field = field01;
 export const backgroundInverse = inverse02;
 export const backgroundBrand = interactive01;
diff --git a/packages/themes/src/g80.js b/packages/themes/src/g80.js
index ddb9db316e04..ae044ee4a46b 100644
--- a/packages/themes/src/g80.js
+++ b/packages/themes/src/g80.js
@@ -47,6 +47,8 @@ import {
 export const background = gray80;
 export const layer = gray70;
 export const layerAccent = gray60;
+export const layerAccentActive = gray70;
+export const layerAccentHover = adjustLightness(layerAccent, -7);
 export const field = gray70;
 export const backgroundInverse = gray10;
 export const backgroundBrand = blue60;
diff --git a/packages/themes/src/g90.js b/packages/themes/src/g90.js
index 62c3de4804e4..8b9268a37189 100644
--- a/packages/themes/src/g90.js
+++ b/packages/themes/src/g90.js
@@ -143,6 +143,8 @@ export const skeleton02 = gray70;
 export const background = uiBackground;
 export const layer = ui01;
 export const layerAccent = ui03;
+export const layerAccentActive = gray50;
+export const layerAccentHover = adjustLightness(layerAccent, +7);
 export const field = field01;
 export const backgroundInverse = inverse02;
 export const backgroundBrand = interactive01;
diff --git a/packages/themes/src/tokens.js b/packages/themes/src/tokens.js
index c5360ef6cfb0..2140cdaf82d0 100644
--- a/packages/themes/src/tokens.js
+++ b/packages/themes/src/tokens.js
@@ -110,6 +110,8 @@ const colors = [
   'background',
   'layer',
   'layerAccent',
+  'layerAccentHover',
+  'layerAccentActive',
   'field',
   'backgroundInverse',
   'backgroundBrand',
@@ -304,6 +306,8 @@ export const unstable__meta = {
         'background',
         'layer',
         'layerAccent',
+        'layerAccentHover',
+        'layerAccentActive',
         'field',
         'backgroundInverse',
         'backgroundBrand',
diff --git a/packages/themes/src/v9.js b/packages/themes/src/v9.js
index d43dd99cce49..95138dc29d09 100644
--- a/packages/themes/src/v9.js
+++ b/packages/themes/src/v9.js
@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { white, red60 } from '@carbon/colors';
+import { adjustLightness } from './tools';
+import { white, red60, gray40 } from '@carbon/colors';
 
 export const interactive01 = '#3d70b2';
 export const interactive02 = '#4d5358';
@@ -106,6 +107,8 @@ export const skeleton02 = 'rgba(61, 112, 178, .1)';
 export const background = uiBackground;
 export const layer = ui01;
 export const layerAccent = ui03;
+export const layerAccentActive = gray40;
+export const layerAccentHover = adjustLightness(layerAccent, -6);
 export const field = field01;
 export const backgroundInverse = inverse02;
 export const backgroundBrand = interactive01;
diff --git a/packages/themes/src/white.js b/packages/themes/src/white.js
index 8151323cdfcf..3c3f2c490030 100644
--- a/packages/themes/src/white.js
+++ b/packages/themes/src/white.js
@@ -142,6 +142,8 @@ export const skeleton02 = gray30;
 export const background = uiBackground;
 export const layer = ui01;
 export const layerAccent = ui03;
+export const layerAccentActive = gray40;
+export const layerAccentHover = adjustLightness(layerAccent, -6);
 export const field = field01;
 export const backgroundInverse = inverse02;
 export const backgroundBrand = interactive01;