diff --git a/CHANGELOG.md b/CHANGELOG.md
index b29fbf95064..644047cc3b4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 - Converted a number of components to support text localization ([#1504](https://github.com/elastic/eui/pull/1504))
 
+**Bug fixes**
+
+- Updated `EuiPage` background color to match body background color ([#1513](https://github.com/elastic/eui/pull/1513))
+
 ## [`6.8.0`](https://github.com/elastic/eui/tree/v6.8.0)
 
 - Changed `flex-basis` value on `EuiPageBody` for better cross-browser support ([#1497](https://github.com/elastic/eui/pull/1497))
diff --git a/src-docs/src/components/guide_components.scss b/src-docs/src/components/guide_components.scss
index 5f0ab4dee87..6a1a909505f 100644
--- a/src-docs/src/components/guide_components.scss
+++ b/src-docs/src/components/guide_components.scss
@@ -4,7 +4,7 @@ $guideSideNavWidth: 240px;
 $guideZLevelHighest: $euiZLevel9 + 1000;
 
 .guideBody {
-  background: linear-gradient(90deg, $euiColorLightestShade 50%, $euiColorEmptyShade 50%);
+  background: linear-gradient(90deg, $euiPageBackgroundColor 50%, $euiColorEmptyShade 50%);
 }
 
 .guidePage {
@@ -219,4 +219,4 @@ $guideZLevelHighest: $euiZLevel9 + 1000;
   .guidePage {
     display: block; // Fixes IE
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/page/_page.scss b/src/components/page/_page.scss
index 398078d3157..5bae268ad8a 100644
--- a/src/components/page/_page.scss
+++ b/src/components/page/_page.scss
@@ -1,7 +1,7 @@
 .euiPage {
   display: flex;
   padding: $euiSize;
-  background-color: $euiColorLightestShade;
+  background-color: $euiPageBackgroundColor;
 
   &--restrictWidth-default,
   &--restrictWidth-custom {