diff --git a/src/prefabs/types/prefabs/theme-color.ts b/src/prefabs/types/prefabs/theme-color.ts
index 0087f698..319db5e5 100644
--- a/src/prefabs/types/prefabs/theme-color.ts
+++ b/src/prefabs/types/prefabs/theme-color.ts
@@ -1,17 +1,17 @@
 export enum ThemeColor {
-  PRIMARY = 'PRIMARY',
-  SECONDARY = 'SECONDARY',
-  SUCCESS = 'SUCCESS',
-  INFO = 'INFO',
-  WARNING = 'WARNING',
-  DANGER = 'DANGER',
-  BLACK = 'BLACK',
-  DARK = 'DARK',
-  MEDIUM = 'MEDIUM',
-  LIGHT = 'LIGHT',
-  WHITE = 'WHITE',
-  ACCENT_1 = 'ACCENT 1',
-  ACCENT_2 = 'ACCENT 2',
-  ACCENT_3 = 'ACCENT 3',
+  PRIMARY = 'Primary',
+  SECONDARY = 'Secondary',
+  SUCCESS = 'Success',
+  INFO = 'Info',
+  WARNING = 'Warning',
+  DANGER = 'Danger',
+  BLACK = 'Black',
+  DARK = 'Dark',
+  MEDIUM = 'Medium',
+  LIGHT = 'Light',
+  WHITE = 'White',
+  ACCENT_1 = 'Accent1',
+  ACCENT_2 = 'Accent2',
+  ACCENT_3 = 'Accent3',
   TRANSPARENT = 'transparent'
 }
diff --git a/tests/prefabs/factories/color.test.ts b/tests/prefabs/factories/color.test.ts
index 23312c32..a4b50fde 100644
--- a/tests/prefabs/factories/color.test.ts
+++ b/tests/prefabs/factories/color.test.ts
@@ -8,7 +8,7 @@ test('color builds variable option with a value', (t) => {
   })('color');
 
   const expected = {
-    value: 'BLACK',
+    value: 'Black',
     key: 'color',
     type: 'COLOR',
     label: 'Border color (hover)',