diff --git a/docs/src/pages/demos/chips/ChipsPlayground.js b/docs/src/pages/demos/chips/ChipsPlayground.js
index <HASH>..<HASH> 100644
--- a/docs/src/pages/demos/chips/ChipsPlayground.js
+++ b/docs/src/pages/demos/chips/ChipsPlayground.js
@@ -47,7 +47,7 @@ class ChipsPlayground extends React.Component {
     const { classes } = this.props;
     const { color, onDelete, avatar } = this.state;
 
-    const colorToCode = color !== 'default' ? `color=${color} ` : '';
+    const colorToCode = color !== 'default' ? `color="${color}" ` : '';
 
     let onDeleteToCode;
     switch (onDelete) {
[docs] Fix ChipPlayground generated code (#<I>)