diff --git a/MiniScanner.xcodeproj/project.pbxproj b/MiniScanner.xcodeproj/project.pbxproj
index 2d78860d4b50152c51b9d54042a8af85ef497a61..d8a85ddd918c52a324bd45eab28e467a7b766a67 100644
--- a/MiniScanner.xcodeproj/project.pbxproj
+++ b/MiniScanner.xcodeproj/project.pbxproj
@@ -200,6 +200,7 @@
 		675FF4F52C6231D000E42214 /* PayloadType.swift in Sources */ = {isa = PBXBuildFile; fileRef = 675FF4F42C6231D000E42214 /* PayloadType.swift */; };
 		675FF4F72C62327C00E42214 /* ShareType.swift in Sources */ = {isa = PBXBuildFile; fileRef = 675FF4F62C62327C00E42214 /* ShareType.swift */; };
 		675FF4F92C6235F600E42214 /* ShareOption.swift in Sources */ = {isa = PBXBuildFile; fileRef = 675FF4F82C6235F600E42214 /* ShareOption.swift */; };
+		676C30622C6C98EB00C29A43 /* ColorStyle.swift in Sources */ = {isa = PBXBuildFile; fileRef = 676C30612C6C98EB00C29A43 /* ColorStyle.swift */; };
 		677E65AE2C5A10C20039E2C5 /* PersistentContainer.swift in Sources */ = {isa = PBXBuildFile; fileRef = 677E65AD2C5A10C20039E2C5 /* PersistentContainer.swift */; };
 		677E65B02C5A11800039E2C5 /* CoreDataManager.swift in Sources */ = {isa = PBXBuildFile; fileRef = 677E65AF2C5A11800039E2C5 /* CoreDataManager.swift */; };
 		677E65B62C5A13F00039E2C5 /* ScanSessionDependencyManager.swift in Sources */ = {isa = PBXBuildFile; fileRef = 677E65B52C5A13F00039E2C5 /* ScanSessionDependencyManager.swift */; };
@@ -516,6 +517,7 @@
 		675FF4F42C6231D000E42214 /* PayloadType.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PayloadType.swift; sourceTree = "<group>"; };
 		675FF4F62C62327C00E42214 /* ShareType.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ShareType.swift; sourceTree = "<group>"; };
 		675FF4F82C6235F600E42214 /* ShareOption.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ShareOption.swift; sourceTree = "<group>"; };
+		676C30612C6C98EB00C29A43 /* ColorStyle.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ColorStyle.swift; sourceTree = "<group>"; };
 		677E65AD2C5A10C20039E2C5 /* PersistentContainer.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PersistentContainer.swift; sourceTree = "<group>"; };
 		677E65AF2C5A11800039E2C5 /* CoreDataManager.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CoreDataManager.swift; sourceTree = "<group>"; };
 		677E65B52C5A13F00039E2C5 /* ScanSessionDependencyManager.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ScanSessionDependencyManager.swift; sourceTree = "<group>"; };
@@ -1313,6 +1315,7 @@
 				676C30582C6C961500C29A43 /* Common */,
 				676C30572C6C961200C29A43 /* Controls */,
 				672C46422C47B1E400497EF0 /* Localization */,
+				676C30602C6C98DD00C29A43 /* Styles */,
 			);
 			path = Presentation;
 			sourceTree = "<group>";
@@ -1393,6 +1396,14 @@
 			path = Delegate;
 			sourceTree = "<group>";
 		};
+		676C30602C6C98DD00C29A43 /* Styles */ = {
+			isa = PBXGroup;
+			children = (
+				676C30612C6C98EB00C29A43 /* ColorStyle.swift */,
+			);
+			path = Styles;
+			sourceTree = "<group>";
+		};
 		677E65AC2C5A10980039E2C5 /* CoreData */ = {
 			isa = PBXGroup;
 			children = (
@@ -2093,6 +2104,7 @@
 				53014FBA2C11A8E80071CE39 /* CaptureSession+Flash.swift in Sources */,
 				539996572C27124B00671340 /* FontChooserContainerView.swift in Sources */,
 				53014F952C11A8E80071CE39 /* FocusRectangleView.swift in Sources */,
+				676C30622C6C98EB00C29A43 /* ColorStyle.swift in Sources */,
 				672C46C62C47E98A00497EF0 /* ChangeLanguageUseCase.swift in Sources */,
 				53014F9E2C11A8E80071CE39 /* UIImage+Orientation.swift in Sources */,
 				53014FB82C11A8E80071CE39 /* Transformable.swift in Sources */,
diff --git a/MiniScanner/Core/Presentation/Styles/ColorStyle.swift b/MiniScanner/Core/Presentation/Styles/ColorStyle.swift
new file mode 100644
index 0000000000000000000000000000000000000000..c2f54e36a67d90f744eb81b9f7dce14c2e7b6cb8
--- /dev/null
+++ b/MiniScanner/Core/Presentation/Styles/ColorStyle.swift
@@ -0,0 +1,120 @@
+//
+//  ColorStyle.swift
+//  MiniScanner
+//
+//  Created by Mustafa Merza on 8/14/24.
+//  Copyright © 2024 AppsNectar. All rights reserved.
+//
+
+import SwiftUI
+
+enum ColorStyle {
+    
+    case primary
+    case statusTrue
+    case statusFalse
+    case statusAlert
+    case base
+    case transparentOverlay
+    
+    case gray0
+    case gray100
+    case gray150
+    case gray200
+    case gray250
+    case gray300
+    case gray350
+    case gray400
+    case gray450
+    case gray500
+    case gray550
+    case gray600
+}
+
+extension ColorStyle {
+    
+    var color: Color {
+        switch self {
+        case .primary:
+                .primary
+        case .statusTrue:
+                .statusTrue
+        case .statusFalse:
+                .statusFalse
+        case .statusAlert:
+                .statusAlert
+        case .base:
+                .base
+        case .transparentOverlay:
+                .transparentOverlay
+        case .gray0:
+                .gray0
+        case .gray100:
+                .gray100
+        case .gray150:
+                .gray150
+        case .gray200:
+                .gray200
+        case .gray250:
+                .gray250
+        case .gray300:
+                .gray300
+        case .gray350:
+                .gray350
+        case .gray400:
+                .gray400
+        case .gray450:
+                .gray450
+        case .gray500:
+                .gray500
+        case .gray550:
+                .gray550
+        case .gray600:
+                .gray600
+        }
+    }
+}
+
+extension ColorStyle {
+    
+    var uiColor: UIColor {
+        switch self {
+        case .primary:
+                .primary
+        case .statusTrue:
+                .statusTrue
+        case .statusFalse:
+                .statusFalse
+        case .statusAlert:
+                .statusAlert
+        case .base:
+                .base
+        case .transparentOverlay:
+                .transparentOverlay
+        case .gray0:
+                .gray0
+        case .gray100:
+                .gray100
+        case .gray150:
+                .gray150
+        case .gray200:
+                .gray200
+        case .gray250:
+                .gray250
+        case .gray300:
+                .gray300
+        case .gray350:
+                .gray350
+        case .gray400:
+                .gray400
+        case .gray450:
+                .gray450
+        case .gray500:
+                .gray500
+        case .gray550:
+                .gray550
+        case .gray600:
+                .gray600
+        }
+    }
+}