diff --git a/phaser/game-ballmove/game.js b/phaser/game-ballmove/game.js
index d64c401..91d4f43 100644
--- a/phaser/game-ballmove/game.js
+++ b/phaser/game-ballmove/game.js
@@ -10,6 +10,7 @@ function launch({ containerId, onLose }) {
     width,
     height,
     parent: containerId,
+    backgroundColor: 0xbbada0,
     scale: {
       mode: Phaser.Scale.FIT,
       autoCenter: Phaser.Scale.CENTER_BOTH,
diff --git a/phaser/game-flipbird/game.js b/phaser/game-flipbird/game.js
index 943f21b..e314a32 100644
--- a/phaser/game-flipbird/game.js
+++ b/phaser/game-flipbird/game.js
@@ -10,6 +10,7 @@ function launch({ containerId, onLose }) {
     width,
     height,
     parent: containerId,
+    backgroundColor: 0xbbada0,
     physics: {
       default: "arcade",
       arcade: {
diff --git a/phaser/game-rect/game.js b/phaser/game-rect/game.js
index dee76cc..acac791 100644
--- a/phaser/game-rect/game.js
+++ b/phaser/game-rect/game.js
@@ -11,6 +11,7 @@ function launch({ containerId, onLose }) {
     width,
     height,
     parent: containerId,
+    backgroundColor: 0xbbada0,
     physics: {
       default: "arcade",
       arcade: {
diff --git a/phaser/match3/game.js b/phaser/match3/game.js
index 4a5ce92..fc984ac 100644
--- a/phaser/match3/game.js
+++ b/phaser/match3/game.js
@@ -10,6 +10,7 @@ function launch({ containerId, onLose }) {
     width,
     height,
     parent: containerId,
+    backgroundColor: 0xbbada0,
     scale: {
       mode: Phaser.Scale.FIT,
       autoCenter: Phaser.Scale.CENTER_BOTH,
diff --git a/phaser/slidingPuzzle/index.js b/phaser/slidingPuzzle/index.js
index 65e9c87..c0f3725 100644
--- a/phaser/slidingPuzzle/index.js
+++ b/phaser/slidingPuzzle/index.js
@@ -226,6 +226,7 @@ export default class Game extends Phaser.Game {
       width: containerWH,
       height: containerWH,
       parent: containerId,
+      backgroundColor: 0xbbada0,
       scale: {
         mode: Phaser.Scale.FIT,
         autoCenter: Phaser.Scale.CENTER_BOTH,