diff --git a/src/OnboardingSPA/styles/_branding.scss b/src/OnboardingSPA/styles/_branding.scss
index 073829509..fae01a92c 100644
--- a/src/OnboardingSPA/styles/_branding.scss
+++ b/src/OnboardingSPA/styles/_branding.scss
@@ -54,6 +54,7 @@ body {
 		--nfd-onboarding-light-gray-2: #efefef;
 		--nfd-onboarding-light-gray-3: #f2f2f2;
 		--nfd-onboarding-light-gray-4: #a7a7a7;
+		--nfd-onboarding-light-gray-5: #eee;
 		--nfd-onboarding-dark: #1e2044;
 		--nfd-onboarding-border: 245, 246, 248;
 		--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary);
@@ -82,6 +83,7 @@ body {
 		--nfd-onboarding-light-gray-2: #efefef;
 		--nfd-onboarding-light-gray-3: #f2f2f2;
 		--nfd-onboarding-light-gray-4: #a7a7a7;
+		--nfd-onboarding-light-gray-5: #eee;
 		--nfd-onboarding-dark: #000;
 		--nfd-onboarding-border: 219, 219, 219;
 		--nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary-alt);
diff --git a/src/OnboardingSPA/styles/_interface.scss b/src/OnboardingSPA/styles/_interface.scss
index 91823446f..122527109 100644
--- a/src/OnboardingSPA/styles/_interface.scss
+++ b/src/OnboardingSPA/styles/_interface.scss
@@ -36,4 +36,5 @@ body {
     --nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light);
     --nfd-onboarding-footer-fg: var(--nfd-onboarding-dark);
     --nfd-onboarding-footer-bg: var(--nfd-onboarding-light);
+    --nfd-onboarding-light-gray-5: #eee;
 }
\ No newline at end of file