diff --git a/core/themes/claro/css/base/variables.css b/core/themes/claro/css/base/variables.css
index 95b60a69e8b..14df9b551c6 100644
--- a/core/themes/claro/css/base/variables.css
+++ b/core/themes/claro/css/base/variables.css
@@ -54,7 +54,7 @@
   --color-blue-300: #6694ff;
   --color-blue-200: #99b8ff;
   --color-blue-100: #ccdbff;
-  --color-blue-070: #f3f4f9;
+  --color-blue-070: #dbe6ff;
   --color-blue-050: #e5edff;
   --color-blue-020: #f5f8ff;
   /* Red variations. */
diff --git a/core/themes/claro/css/base/variables.pcss.css b/core/themes/claro/css/base/variables.pcss.css
index d591c2283a2..9a17cf87105 100644
--- a/core/themes/claro/css/base/variables.pcss.css
+++ b/core/themes/claro/css/base/variables.pcss.css
@@ -48,7 +48,7 @@
   --color-blue-300: #6694ff;
   --color-blue-200: #99b8ff;
   --color-blue-100: #ccdbff;
-  --color-blue-070: #f3f4f9;
+  --color-blue-070: #dbe6ff;
   --color-blue-050: #e5edff;
   --color-blue-020: #f5f8ff;
   /* Red variations. */