diff --git a/public/1-Cube.html b/public/1-Cube.html
index c3759eb6001bbf5e639da75d5781392732dc5a35..ff4506f0b602ca75946221389485c94b8a24fcfd 100644
--- a/public/1-Cube.html
+++ b/public/1-Cube.html
@@ -25,12 +25,12 @@ async function activateXR() {
 
 // The cube will have a different color on each side.
 const materials = [
-  new THREE.MeshBasicMaterial({color: 0xff0000}),
-  new THREE.MeshBasicMaterial({color: 0x0000ff}),
-  new THREE.MeshBasicMaterial({color: 0x00ff00}),
-  new THREE.MeshBasicMaterial({color: 0xff00ff}),
-  new THREE.MeshBasicMaterial({color: 0x00ffff}),
-  new THREE.MeshBasicMaterial({color: 0xffff00})
+  new THREE.MeshBasicMaterial({color: 0xFFC0CB}), // 0xff0000
+  new THREE.MeshBasicMaterial({color: 0x61F18D}), // 0x0000ff
+  new THREE.MeshBasicMaterial({color: 0xF1A061}), // 0x00ff00
+  new THREE.MeshBasicMaterial({color: 0x61F1E6}), // 0xff00ff
+  new THREE.MeshBasicMaterial({color: 0xF161AD}), // 0x00ffff
+  new THREE.MeshBasicMaterial({color: 0x6175F1}) // 0xffff00
 ];
 
 // Create the cube and add it to the demo scene.