diff --git a/src/components/2d-hud.css b/src/components/2d-hud.css
index bc516bc9180a5b0dcb47c42b3f8a031093ae1ce9..4cec70064d69617774ae0bb6688ee6bfdb01b455 100644
--- a/src/components/2d-hud.css
+++ b/src/components/2d-hud.css
@@ -26,7 +26,7 @@
 }
 
 :local(.blueText) {
-  color: cyan;
+  color: #00eeee;
 }
 
 :local(.avatarImageShown) {
diff --git a/src/components/2d-mute-state-indicator.js b/src/components/2d-mute-state-indicator.js
index 81cbb4011c982b1417fd6d2c3533dcdf8a6b7ed8..cb9afa5e823ca89f47fc3afae3e5b59b54821ef4 100644
--- a/src/components/2d-mute-state-indicator.js
+++ b/src/components/2d-mute-state-indicator.js
@@ -24,7 +24,7 @@ AFRAME.registerComponent("2d-mute-state-indicator", {
 
     this.onMicAudio = e => {
       const red = 1.0 - e.detail.volume / 10.0;
-      this.muteIcon.style["background-color"] = `rgb(${red * 255},255,255)`;
+      this.muteIcon.style["background-color"] = `rgb(${red * 255},240,240)`;
     };
   },
 
diff --git a/src/components/in-world-hud.js b/src/components/in-world-hud.js
index 0475c698168cdcf4f0fe76fec9de6999782fdf6b..43080950a791d365a7a95e6c73852a6f9b14e369 100644
--- a/src/components/in-world-hud.js
+++ b/src/components/in-world-hud.js
@@ -22,7 +22,7 @@ AFRAME.registerComponent("in-world-hud", {
     scene.addEventListener("username-changed", this.onUsernameChanged);
 
     this.onNametagHovered = () => {
-      this.nametag.setAttribute("color", "cyan");
+      this.nametag.setAttribute("color", "#00eeee");
       this.data.haptic.emit("haptic_pulse", { intensity: "low" });
     };
     this.onNametagUnhovered = () => {
@@ -70,7 +70,7 @@ AFRAME.registerComponent("in-world-hud", {
 
     this.onAudioFrequencyChange = e => {
       const red = 1.0 - e.detail.volume / 10.0;
-      this.mic.object3DMap.mesh.material.color = { r: red, g: 1, b: 1 };
+      this.mic.object3DMap.mesh.material.color = { r: red, g: 9, b: 9 };
     };
     this.el.sceneEl.addEventListener("mediaStream", evt => {
       this.ms = evt.detail.ms;