diff --git a/MIGRATION.md b/MIGRATION.md
index 1bff73be..1817bd7b 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -34,7 +34,6 @@ In this version, significant updates have been made to color tokens, including m
 #### CSS Variables
 
 ```
---color-overlay-inverse removed
 --color-primary-shadow modified to --color-shadow-primary
 --color-primary-disabled removed
 --color-secondary-default removed
diff --git a/src/css/dark-theme-colors.css b/src/css/dark-theme-colors.css
index eafabcd8..40ab429f 100644
--- a/src/css/dark-theme-colors.css
+++ b/src/css/dark-theme-colors.css
@@ -38,6 +38,8 @@
   --color-overlay-default: #00000099;
   /* For a stronger shade of screen */
   --color-overlay-alternative: #000000cc;
+  /* For elements used on top of overlay/alternative. Used for text, icon or border */
+  --color-overlay-inverse: var(--brand-colors-grey-grey000);
   /* For interactive, active, and selected semantics. Used for text, background, icon or border */
   --color-primary-default: var(--brand-colors-blue-blue300);
   /* For the stronger contrast primary semantic elements. */
diff --git a/src/css/light-theme-colors.css b/src/css/light-theme-colors.css
index 69dbb5bc..8a831ca2 100644
--- a/src/css/light-theme-colors.css
+++ b/src/css/light-theme-colors.css
@@ -39,6 +39,8 @@
   --color-overlay-default: #00000099;
   /* For a stronger shade of screen */
   --color-overlay-alternative: #000000cc;
+  /* For elements used on top of overlay/alternative. Used for text, icon or border */
+  --color-overlay-inverse: var(--brand-colors-grey-grey000);
   /* For interactive, active, and selected semantics. Used for text, background, icon or border */
   --color-primary-default: var(--brand-colors-blue-blue500);
   /* For the stronger contrast primary semantic elements. */