diff --git a/docs/src/pages/styles/api/api.md b/docs/src/pages/styles/api/api.md
index f8a23b46d9b6d8..363bb708c134a3 100644
--- a/docs/src/pages/styles/api/api.md
+++ b/docs/src/pages/styles/api/api.md
@@ -59,7 +59,7 @@ import { makeStyles, createStyles } from '@material-ui/core/styles';
 
 const useStyles = makeStyles((theme: Theme) => createStyles({
   root: {
-    backgroundColor: theme.color.red,
+    backgroundColor: theme.palette.red,
   },
 }));