diff --git a/public/Cube.html b/public/Cube.html
index c3759eb6001bbf5e639da75d5781392732dc5a35..adc70a0b9d3b86f5f395d80a65e318df804ca324 100644
--- a/public/Cube.html
+++ b/public/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: 0x003366}),
+  new THREE.MeshBasicMaterial({color: 0x66ccff}),
+  new THREE.MeshBasicMaterial({color: 0xff6666}),
+  new THREE.MeshBasicMaterial({color: 0xffcc66}),
+  new THREE.MeshBasicMaterial({color: 0x99ff66}),
+  new THREE.MeshBasicMaterial({color: 0xcc00cc})
 ];
 
 // Create the cube and add it to the demo scene.