diff --git a/src/core/generator/config/defaultConfig.ts b/src/core/generator/config/defaultConfig.ts
index 657d08adf8..cd60f261d1 100644
--- a/src/core/generator/config/defaultConfig.ts
+++ b/src/core/generator/config/defaultConfig.ts
@@ -2,18 +2,20 @@ import { merge } from '../../helpers/object';
 import type { Config } from '../../models/icons/config';
 import type { RecursivePartial } from '../../types/recursivePartial';
 
+const defaultColor = '#90a4ae'; // blue-gray-300
+
 /**
  * The options control the generator and decide which icons are disabled or not.
  */
 export const getDefaultConfig = (): Required<Config> => ({
   folders: {
     theme: 'specific',
-    color: '#90a4ae',
+    color: defaultColor,
     associations: {},
     customClones: [],
   },
   rootFolders: {
-    color: '#90a4ae',
+    color: defaultColor,
     associations: {},
   },
   activeIconPack: 'angular',
@@ -21,7 +23,7 @@ export const getDefaultConfig = (): Required<Config> => ({
   opacity: 1,
   saturation: 1,
   files: {
-    color: '#90a4ae',
+    color: defaultColor,
     associations: {},
     customClones: [],
   },