Fix colors.mdx (#2003)

Make sure the displayed code matches the example.

Author: SmartHypercube

src/docs/colors.mdx

@@ -321,16 +321,16 @@ You can adjust the opacity of a color using syntax like `bg-black/75`, where `75
 ```html
 <!-- [!code classes:bg-black-50/10,bg-black-100/20,bg-black-200/30,bg-black-300/40,bg-black-400/50,bg-black-500/60,bg-black-600/70,bg-black-700/80,bg-black-800/90,bg-black-900/100] -->
 <div>
-  <div class="bg-sky-50/10"></div>
-  <div class="bg-sky-100/20"></div>
-  <div class="bg-sky-200/30"></div>
-  <div class="bg-sky-300/40"></div>
-  <div class="bg-sky-400/50"></div>
+  <div class="bg-sky-500/10"></div>
+  <div class="bg-sky-500/20"></div>
+  <div class="bg-sky-500/30"></div>
+  <div class="bg-sky-500/40"></div>
+  <div class="bg-sky-500/50"></div>
   <div class="bg-sky-500/60"></div>
-  <div class="bg-sky-600/70"></div>
-  <div class="bg-sky-700/80"></div>
-  <div class="bg-sky-800/90"></div>
-  <div class="bg-sky-900/100"></div>
+  <div class="bg-sky-500/70"></div>
+  <div class="bg-sky-500/80"></div>
+  <div class="bg-sky-500/90"></div>
+  <div class="bg-sky-500/100"></div>
 </div>
 ```