[docs] Document all the colors available

[pandeymangg]

• I have followed (at least) the PR section of the contributing guide.

Fix #26006

Preview: https://deploy-preview-26015--material-ui.netlify.app/customization/color/#color-palette

[mui-pr-bot]

Details of bundle changes

Generated by 🚫 dangerJS against 133ed2d

[oliviertassinari]

@anshuman9999 It's a great first pull request on Material-UI 👌🏻. Thank you for working on it!

[pandeymangg]

@oliviertassinari Thank you so much for helping me out here!

[Angelk90]

@oliviertassinari , @anshuman9999 :

Looking at the preview I saw that the gray colors of A100, A200, A400, A700 correspond with values of 100, 200, 400, 700.

Which instead happens in brown and blueGrey.

As you can see in the image those in the blue squares the values of A correspond you have values without A.

Instead the one in the red squares the values do not match.

I would like to understand why this choice, I have not found anything online.

[oliviertassinari]

@Angelk90 You are right, it looks like we overlooked this. Do you want to do a follow-up with?

diff --git a/packages/material-ui/src/colors/grey.js b/packages/material-ui/src/colors/grey.js
index 038768b0bc..7c1cb9d013 100644
--- a/packages/material-ui/src/colors/grey.js
+++ b/packages/material-ui/src/colors/grey.js
@@ -9,10 +9,10 @@ const grey = {
   700: '#616161',
   800: '#424242',
   900: '#212121',
-  A100: '#d5d5d5',
-  A200: '#aaaaaa',
-  A400: '#616161',
-  A700: '#303030',
+  A100: '#f5f5f5',
+  A200: '#eeeeee',
+  A400: '#bdbdbd',
+  A700: '#616161',
 };

 export default grey;