diff --git a/CHANGELOG.md b/CHANGELOG.md
index ecc07b7072c1e3..23f1b0460c35aa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,106 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.7.0
+
+<!-- generated comparing v5.6.4..master -->
+
+_May 10, 2022_
+
+A big thanks to the 27 contributors who made this release possible. Here are some highlights ✨:
+
+🛠 This release is all about supporting CSS variables in many Material UI components.
+Kudos to all contributors!
+
+### `@mui/material@5.7.0`
+
+- [StepLabel, StepIcon] Add support for CSS variables (#32609) @vicasas
+- [Table, TableRow] Add support for CSS variables (#32614) @vicasas
+- [AppBar] Add a logo component for the responsive app bar demo (#32374) @ameetmadan
+- [Autocomplete] Fix clearing single array values (#32626) @mikepricedev
+- [Autocomplete] Fix keep listbox open on left/right keys when inputValue is not empty (#31407) @alisasanib
+- [Autocomplete] Add support for CSS variables (#32598) @ZeeshanTamboli
+- [Autocomplete] Render `endAdornment` only when necessary (#32386) @g1eny0ung
+- [ButtonGroup] Add support for CSS variables (#32498) @vicasas
+- [CardActionArea] Add support for CSS variables (#32554) @vicasas
+- [ClickAwayListener] Allow pointer up/down events to event handler (#32264) @vladjerca
+- [CssBaseline] Add support for CSS vars (#32618) @haneenmahd
+- [Dialog] Add support for CSS variables (#32555) @vicasas
+- [Divider] Add support for CSS variables (#32519) @vicasas
+- [Drawer] Add support for CSS variables (#32565) @nghiamvt
+- [Fab] Add support for CSS variables (#32564) @alisasanib
+- [FormControlLabel] Add support for CSS variables (#32588) @elliefoote
+- [FormHelperText] Add support for CSS variables (#32596) @ZeeshanTamboli
+- [FormLabel] Add support for CSS variables (#32602) @ZeeshanTamboli
+- [Icon] Add support for CSS variables (#32595) @Jamaalwbrown
+- [IconButton] Add support for CSS variables (#32590) @Ariyapong
+- [ImageListItemBar] Add support for CSS variables (#32578) @vicasas
+- [Input] Support CSS variables (#32128) @ivan-ngchakming
+- [InputAdornment] Add support CSS variables (#32607) @vicasas
+- [Link] Fix style overrides color prop (#32653) @siriwatknp
+- [ListItem] Add support for CSS variables (#32580) @dan-mba
+- [ListItemButton] Add support for CSS variables (#32582) @dan-mba
+- [ListItemIcon] Add support for CSS variables (#32583) @dan-mba
+- [ListSubheader] Add support for CSS variables (#32584) @dan-mba
+- [MenuItem] Add support for CSS variables (#32561) @nghiamvt
+- [MobileStepper] Add support for CSS vars (#32606) @haneenmahd
+- [Modal] Add support for CSS variables (#32605) @haneenmahd
+- [PaginationItem] Add support for CSS vars (#32612) @haneenmahd
+- [Rating] Add support for CSS variables (#32556) @vicasas
+- [Snackbar] Add support for CSS variables (#32603) @gin1314
+- [SpeedDial] Add support for CSS variables (#32613) @alisasanib
+- [Stepper] Export useStepperContext (#31398) @pzi
+- [SvgIcon] Add support for CSS variables (#32610) @vicasas
+- [TablePagination] Add support for CSS variables (#32615) @haneenmahd
+- [TableSortLabel]: Add support for CSS vars (#32616) @haneenmahd
+- [Tabs] Add support for CSS variables (#32547) @ZeeshanTamboli
+- [ToggleButton] Add support for CSS variables (#32600) @Ariyapong
+- [ToggleButtonGroup] Add support for CSS variables (#32617) @haneenmahd
+- [Tooltip] Add support for CSS variables (#32594) @gin1314
+
+### `@mui/system@5.7.0`
+
+- [System] Support CSS variables for iframes & custom nodes (#32496) @siriwatknp
+
+### `@mui/base@5.0.0-alpha.79`
+
+- [ButtonUnstyled] Fix keyboard navigation on customized elements (#32204) @michaldudak
+
+### `@mui/private-classnames@5.7.0`
+
+- [classnames] Add new package for classnames utils (#32502) @mnajdova
+
+### Docs
+
+- [docs] Correct links to prevent 301 redirects (#32692) @michaldudak
+- [docs] Move, split, and revise "Unstyled components" page (#32562) @samuelsycamore
+- [docs] Nest `ListItemButton` in `ListItem` in the Drawer examples (#31987) @stefanprobst
+- [docs] Apply callouts in the Material UI docs (#32567) @danilo-leal
+- [docs] Show product identifier on new X pages (#32657) @cherniavskii
+- [docs] Fix copy button childNode not found (#32652) @siriwatknp
+- [docs] Split install commands in isolated code blocks (#32566) @danilo-leal
+- [docs] Base Switch style revisions and final review (#32376) @samuelsycamore
+- [docs] Adds Badge link to Base doc nav (#32619) @samuelsycamore
+- [docs] Base Installation style revisions and final review (#32483) @samuelsycamore
+- [docs] Fix broken redirection (#32581) @oliviertassinari
+- [docs] Allows to use `import '<library name>'` in demonstrations (#32492) @alexfauquette
+- [docs] Hide copy button on search icon dialog (#32577) @siriwatknp
+- [docs] Use full API link for ThemeProvider (#32549) @jcvidiri
+- [Joy] Add principles page (#32648) @siriwatknp
+- [Joy] Add Button page (#32576) @siriwatknp
+- [Joy] Add "Quick start" and "Tutorial" pages (#32383) @siriwatknp
+- [website] Add store to the footer and "hiring" chip adjustment (#32650) @danilo-leal
+- [website] Optimize conversion to store (#32646) @oliviertassinari
+- [website] Remove copy button on marketing pages (#32649) @siriwatknp
+- [website] Add missing space in copy label (#32638) @flaviendelangle
+
+### Core
+
+- [core] Security updates (#32636) @michaldudak
+- [core] Fix `docs:dev` not working after upgrading `next` to 12.1.0 (#32552) @cherniavskii
+- [core] Update minimist to fix security vulnerability (#32575) @michaldudak
+
+All contributors of this release in alphabetical order: @alexfauquette, @alisasanib, @ameetmadan, @Ariyapong, @cherniavskii, @dan-mba, @danilo-leal, @elliefoote, @flaviendelangle, @g1eny0ung, @gin1314, @haneenmahd, @ivan-ngchakming, @Jamaalwbrown, @jcvidiri, @michaldudak, @mikepricedev, @mnajdova, @nghiamvt, @oliviertassinari, @pzi, @samuelsycamore, @siriwatknp, @stefanprobst, @vicasas, @vladjerca, @ZeeshanTamboli
+
 ## 5.6.4
 
 <!-- generated comparing v5.6.3..master -->
diff --git a/benchmark/package.json b/benchmark/package.json
index 8b52705eb0d141..ddd3e4f1a93a48 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -15,9 +15,9 @@
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mdx-js/react": "^2.1.1",
-    "@mui/material": "^5.6.4",
-    "@mui/styles": "^5.6.2",
-    "@mui/system": "^5.6.4",
+    "@mui/material": "^5.7.0",
+    "@mui/styles": "^5.7.0",
+    "@mui/system": "^5.7.0",
     "@styled-system/css": "^5.1.5",
     "benchmark": "^2.1.4",
     "playwright": "^1.17.1",
diff --git a/docs/package.json b/docs/package.json
index cf3148e8d824bb..a934decd822dd5 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -31,16 +31,16 @@
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",
     "@fortawesome/react-fontawesome": "^0.1.18",
-    "@mui/base": "5.0.0-alpha.79",
-    "@mui/docs": "^5.6.1",
+    "@mui/base": "5.0.0-alpha.80",
+    "@mui/docs": "^5.7.0",
     "@mui/icons-material": "^5.6.2",
-    "@mui/lab": "5.0.0-alpha.80",
-    "@mui/material": "^5.6.4",
-    "@mui/material-next": "6.0.0-alpha.34",
-    "@mui/styled-engine": "^5.6.1",
-    "@mui/styled-engine-sc": "^5.6.1",
-    "@mui/styles": "^5.6.2",
-    "@mui/system": "^5.6.4",
+    "@mui/lab": "5.0.0-alpha.81",
+    "@mui/material": "^5.7.0",
+    "@mui/material-next": "6.0.0-alpha.35",
+    "@mui/styled-engine": "^5.7.0",
+    "@mui/styled-engine-sc": "^5.7.0",
+    "@mui/styles": "^5.7.0",
+    "@mui/system": "^5.7.0",
     "@mui/types": "^7.1.3",
     "@mui/x-data-grid": "^5.8.0",
     "@mui/x-data-grid-generator": "^5.8.0",
diff --git a/package.json b/package.json
index 95b776fabd6211..ba1c65a88a551a 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "5.6.4",
+  "version": "5.7.0",
   "private": true,
   "scripts": {
     "proptypes": "cross-env BABEL_ENV=development babel-node --extensions \".tsx,.ts,.js\" ./scripts/generateProptypes.ts",
diff --git a/packages/mui-base/package.json b/packages/mui-base/package.json
index cf94085eec03b9..42ac9fd4cfae40 100644
--- a/packages/mui-base/package.json
+++ b/packages/mui-base/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/base",
-  "version": "5.0.0-alpha.79",
+  "version": "5.0.0-alpha.80",
   "private": false,
   "author": "MUI Team",
   "description": "Unstyled React components and low-level hooks.",
@@ -53,9 +53,9 @@
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@emotion/is-prop-valid": "^1.1.2",
-    "@mui/private-classnames": "^5.6.4",
+    "@mui/private-classnames": "^5.7.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.6.1",
+    "@mui/utils": "^5.7.0",
     "@popperjs/core": "^2.11.5",
     "clsx": "^1.1.1",
     "prop-types": "^15.8.1",
diff --git a/packages/mui-codemod/package.json b/packages/mui-codemod/package.json
index e58531f3b7a04d..5b60df565b33c2 100644
--- a/packages/mui-codemod/package.json
+++ b/packages/mui-codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "5.6.4",
+  "version": "5.7.0",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
diff --git a/packages/mui-docs/package.json b/packages/mui-docs/package.json
index 086576fc037210..bde3a7af5b7a9e 100644
--- a/packages/mui-docs/package.json
+++ b/packages/mui-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "5.6.1",
+  "version": "5.7.0",
   "private": false,
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/utils": "^5.6.1",
+    "@mui/utils": "^5.7.0",
     "nprogress": "^0.2.0"
   },
   "publishConfig": {
diff --git a/packages/mui-joy/package.json b/packages/mui-joy/package.json
index 4c2b00d6e3a626..d3f39876bf6257 100644
--- a/packages/mui-joy/package.json
+++ b/packages/mui-joy/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/joy",
-  "version": "5.0.0-alpha.26",
+  "version": "5.0.0-alpha.27",
   "private": false,
   "author": "MUI Team",
   "description": "Joy design system — React components",
@@ -57,10 +57,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.79",
-    "@mui/system": "^5.6.4",
+    "@mui/base": "5.0.0-alpha.80",
+    "@mui/system": "^5.7.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.6.1",
+    "@mui/utils": "^5.7.0",
     "clsx": "^1.1.1",
     "csstype": "^3.0.11",
     "hoist-non-react-statics": "^3.3.2",
diff --git a/packages/mui-lab/package.json b/packages/mui-lab/package.json
index c5a9bfd2e8e922..791cade01b75b1 100644
--- a/packages/mui-lab/package.json
+++ b/packages/mui-lab/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.80",
+  "version": "5.0.0-alpha.81",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -69,9 +69,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.79",
-    "@mui/system": "^5.6.4",
-    "@mui/utils": "^5.6.1",
+    "@mui/base": "5.0.0-alpha.80",
+    "@mui/system": "^5.7.0",
+    "@mui/utils": "^5.7.0",
     "@mui/x-date-pickers": "5.0.0-alpha.0",
     "clsx": "^1.1.1",
     "prop-types": "^15.8.1",
diff --git a/packages/mui-material-next/package.json b/packages/mui-material-next/package.json
index 91133ec2c93771..cc74f3f1c62d7b 100644
--- a/packages/mui-material-next/package.json
+++ b/packages/mui-material-next/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/material-next",
-  "version": "6.0.0-alpha.34",
+  "version": "6.0.0-alpha.35",
   "private": false,
   "author": "MUI Team",
   "description": "v6-alpha: React components that implement Google's Material Design",
@@ -59,11 +59,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.79",
-    "@mui/material": "^5.6.4",
-    "@mui/system": "^5.6.4",
+    "@mui/base": "5.0.0-alpha.80",
+    "@mui/material": "^5.7.0",
+    "@mui/system": "^5.7.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.6.1",
+    "@mui/utils": "^5.7.0",
     "@popperjs/core": "^2.11.5",
     "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",
diff --git a/packages/mui-material/package.json b/packages/mui-material/package.json
index 18448165726baf..5c18871658b2ee 100644
--- a/packages/mui-material/package.json
+++ b/packages/mui-material/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.6.4",
+  "version": "5.7.0",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -61,11 +61,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.79",
-    "@mui/private-classnames": "^5.6.4",
-    "@mui/system": "^5.6.4",
+    "@mui/base": "5.0.0-alpha.80",
+    "@mui/private-classnames": "^5.7.0",
+    "@mui/system": "^5.7.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.6.1",
+    "@mui/utils": "^5.7.0",
     "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",
     "csstype": "^3.0.11",
diff --git a/packages/mui-private-classnames/package.json b/packages/mui-private-classnames/package.json
index 2fe91bd62bc25e..01e4bedcb74d1a 100644
--- a/packages/mui-private-classnames/package.json
+++ b/packages/mui-private-classnames/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/private-classnames",
-  "version": "5.6.4",
+  "version": "5.7.0",
   "private": false,
   "author": "MUI Team",
   "description": "Private - React classnames utils used internally in the other MUI component libraries packages.",
diff --git a/packages/mui-private-theming/package.json b/packages/mui-private-theming/package.json
index 6359414641b47b..9199b1d23a96ae 100644
--- a/packages/mui-private-theming/package.json
+++ b/packages/mui-private-theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/private-theming",
-  "version": "5.6.2",
+  "version": "5.7.0",
   "private": false,
   "author": "MUI Team",
   "description": "Private - The React theme context to be shared between `@mui/styles` and `@mui/material`.",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/utils": "^5.6.1",
+    "@mui/utils": "^5.7.0",
     "prop-types": "^15.8.1"
   },
   "sideEffects": false,
diff --git a/packages/mui-styled-engine-sc/package.json b/packages/mui-styled-engine-sc/package.json
index 2c01db44e94df4..dcdaf35459340a 100644
--- a/packages/mui-styled-engine-sc/package.json
+++ b/packages/mui-styled-engine-sc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/styled-engine-sc",
-  "version": "5.6.1",
+  "version": "5.7.0",
   "private": false,
   "author": "MUI Team",
   "description": "styled() API wrapper package for styled-components.",
diff --git a/packages/mui-styled-engine/package.json b/packages/mui-styled-engine/package.json
index e129bbf043e706..86234978eddce1 100644
--- a/packages/mui-styled-engine/package.json
+++ b/packages/mui-styled-engine/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/styled-engine",
-  "version": "5.6.1",
+  "version": "5.7.0",
   "private": false,
   "author": "MUI Team",
   "description": "styled() API wrapper package for emotion.",
diff --git a/packages/mui-styles/package.json b/packages/mui-styles/package.json
index 8a1a6cd9a1db11..1bb3e8415f25cf 100644
--- a/packages/mui-styles/package.json
+++ b/packages/mui-styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/styles",
-  "version": "5.6.2",
+  "version": "5.7.0",
   "private": false,
   "author": "MUI Team",
   "description": "MUI Styles - The legacy JSS-based styling solution of Material UI.",
@@ -49,9 +49,9 @@
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@emotion/hash": "^0.8.0",
-    "@mui/private-theming": "^5.6.2",
+    "@mui/private-theming": "^5.7.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.6.1",
+    "@mui/utils": "^5.7.0",
     "clsx": "^1.1.1",
     "csstype": "^3.0.11",
     "hoist-non-react-statics": "^3.3.2",
diff --git a/packages/mui-system/package.json b/packages/mui-system/package.json
index 7c5b9d4f4be224..b69c217e52efbc 100644
--- a/packages/mui-system/package.json
+++ b/packages/mui-system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "5.6.4",
+  "version": "5.7.0",
   "private": false,
   "author": "MUI Team",
   "description": "CSS utilities for rapidly laying out custom designs.",
@@ -57,10 +57,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/private-theming": "^5.6.2",
-    "@mui/styled-engine": "^5.6.1",
+    "@mui/private-theming": "^5.7.0",
+    "@mui/styled-engine": "^5.7.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.6.1",
+    "@mui/utils": "^5.7.0",
     "clsx": "^1.1.1",
     "csstype": "^3.0.11",
     "prop-types": "^15.8.1"
diff --git a/packages/mui-utils/package.json b/packages/mui-utils/package.json
index 2f0299ec352f54..7c0e21758f75e2 100644
--- a/packages/mui-utils/package.json
+++ b/packages/mui-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/utils",
-  "version": "5.6.1",
+  "version": "5.7.0",
   "private": false,
   "author": "MUI Team",
   "description": "Utility functions for React components.",