diff --git a/projects/common/util/unit-interface-initializer.ts b/projects/common/util/unit-interface-initializer.ts
index c375dd1d209beaaf57f19a5253fd8c3f0391b458..a6688263ae339f50034065a8a79889319afa6dd7 100644
--- a/projects/common/util/unit-interface-initializer.ts
+++ b/projects/common/util/unit-interface-initializer.ts
@@ -3,7 +3,7 @@ import { UIElement } from '../models/uI-element';
 
 export function initFontElement(serializedElement: UIElement): FontElement {
   return {
-    fontColor: serializedElement.fontColor as string || 'black',
+    fontColor: serializedElement.fontColor as string || '#000000',
     font: serializedElement.font as string || 'Roboto',
     fontSize: serializedElement.fontSize as number || 18,
     lineHeight: serializedElement.lineHeight as number || 120,
@@ -14,7 +14,7 @@ export function initFontElement(serializedElement: UIElement): FontElement {
 }
 
 export function initSurfaceElement(serializedElement: UIElement): SurfaceUIElement {
-  return { backgroundColor: serializedElement.backgroundColor as string || 'lightgrey' };
+  return { backgroundColor: serializedElement.backgroundColor as string || '#d3d3d3' };
 }
 
 export function initPlayerElement(serializedElement: UIElement): PlayerElement {