diff --git a/.changeset/poor-buckets-provide.md b/.changeset/poor-buckets-provide.md
new file mode 100644
index 0000000000..aa30160196
--- /dev/null
+++ b/.changeset/poor-buckets-provide.md
@@ -0,0 +1,5 @@
+---
+'@toptal/picasso': patch
+---
+
+- align page background color with BASE design
diff --git a/packages/picasso/src/PageContent/styles.ts b/packages/picasso/src/PageContent/styles.ts
index e7c4d045ed..44974e7488 100644
--- a/packages/picasso/src/PageContent/styles.ts
+++ b/packages/picasso/src/PageContent/styles.ts
@@ -13,11 +13,11 @@ export default ({ layout, palette }: Theme) =>
       height: '100%',
       flexGrow: 1,
       maxWidth: layout.contentWidth,
-      backgroundColor: palette.common.white,
+      backgroundColor: palette.grey.lightest,
       backgroundClip: 'content-box',
     },
     hasSidebar: {
-      background: `linear-gradient(90deg, ${palette.grey.lighter} 50%, ${palette.common.white} 50%)`,
+      background: `linear-gradient(90deg, ${palette.grey.lighter} 50%, ${palette.grey.lightest} 50%)`,
     },
     wide: {
       maxWidth: layout.contentWidthWide,