diff --git a/src/types/core.ts b/src/types/core.ts
index f807c774..d9e25954 100644
--- a/src/types/core.ts
+++ b/src/types/core.ts
@@ -93,7 +93,7 @@ export type DimensionValue =
 export type BorderRadiusValue = 'small' | 'medium';
 export type BorderColorValue = 'default' | 'light' | 'dark';
 export type BorderSizeValue = 'thin' | 'thick' | 'thicker' | 'thickest';
-export type BackgroundColorValue = 'light' | 'dark';
+export type BackgroundColorValue = 'light' | 'dark' | ColorValue;
 
 export type ColorValue =
   | 'gray-100'
diff --git a/stories/Gallery.stories.tsx b/stories/Gallery.stories.tsx
index a6e13753..f68ce497 100644
--- a/stories/Gallery.stories.tsx
+++ b/stories/Gallery.stories.tsx
@@ -223,7 +223,7 @@ const Template: Story = args => {
             </View>
             <View
               width="size-2400"
-              backgroundColor="light"
+              backgroundColor="gray-800"
               borderColor="dark"
               borderLeftWidth="thin"
             >