diff --git a/package.json b/package.json
index 947c760..77efbc5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bbodek-ui",
-  "version": "0.0.217",
+  "version": "0.0.218",
   "type": "module",
   "author": "Bbodek",
   "license": "MIT",
diff --git a/src/core/components/Button/ButtonBase/constants/index.ts b/src/core/components/Button/ButtonBase/constants/index.ts
index a5e26e8..b25cd44 100644
--- a/src/core/components/Button/ButtonBase/constants/index.ts
+++ b/src/core/components/Button/ButtonBase/constants/index.ts
@@ -1,4 +1,4 @@
-import { ColorThemeType, GapType, RoundedType, SizeType } from "../types";
+import { GapType, RoundedType, SizeType } from "../types";
 
 export const SIZE = {
   SIZE_60: "h-60",
@@ -24,16 +24,6 @@ export const GAP = {
   GAP_8: "gap-8",
 } as const;
 
-export const COLOR_THEME = {
-  PRIMARY: "primary",
-  ERROR: "error",
-  WARNING: "warning",
-  SUCCESS: "success",
-  SECONDARY: "secondary",
-  GRAY: "gray",
-  WHITE: "white",
-} as const;
-
 export const BUTTON_SIZE: Record<SizeType, string> = {
   [SIZE.SIZE_60]: "h-[3.75rem]",
   [SIZE.SIZE_56]: "h-14",
@@ -57,13 +47,3 @@ export const BUTTON_GAP: Record<GapType, string> = {
   [GAP.GAP_10]: "gap-x-2.5",
   [GAP.GAP_8]: "gap-x-2",
 };
-
-export const BUTTON_COLOR_THEME: Record<ColorThemeType, string> = {
-  [COLOR_THEME["PRIMARY"]]: "bg-primary-03 text-white",
-  [COLOR_THEME["SECONDARY"]]: "text-primary-03 bg-primary-00",
-  [COLOR_THEME["ERROR"]]: "text-rose-600 bg-rose-300/20",
-  [COLOR_THEME["WARNING"]]: "text-amber-600 bg-amber-300/20",
-  [COLOR_THEME["SUCCESS"]]: "text-green-600 bg-green-300/20",
-  [COLOR_THEME["GRAY"]]: "text-gray-07 bg-gray-02",
-  [COLOR_THEME["WHITE"]]: "text-gray-06 bg-white border border-gray-03",
-};
diff --git a/src/core/components/Button/ButtonBase/index.tsx b/src/core/components/Button/ButtonBase/index.tsx
index 01aca96..2e2afc0 100644
--- a/src/core/components/Button/ButtonBase/index.tsx
+++ b/src/core/components/Button/ButtonBase/index.tsx
@@ -1,8 +1,9 @@
 import clsx from "clsx";
 import { PropsWithChildren, forwardRef } from "react";
 
+import { COLOR_THEME_STYLES } from "@/constants/theme";
 import { THEME_TYPOGRAPHY } from "@/constants/typography";
-import { BUTTON_COLOR_THEME, BUTTON_GAP, BUTTON_ROUNDED, BUTTON_SIZE, GAP, ROUNDED, SIZE } from "./constants";
+import { BUTTON_GAP, BUTTON_ROUNDED, BUTTON_SIZE, GAP, ROUNDED, SIZE } from "./constants";
 import { ButtonBaseProps, SizeType } from "./types";
 
 const ButtonBase = forwardRef(({
@@ -34,7 +35,7 @@ ref: React.Ref<HTMLButtonElement>,
         `text-${theme ?? defaultButtonTheme}`,
         !colorTheme && color && `text-${color}`,
         !colorTheme && backgroundColor && `bg-${backgroundColor}`,
-        colorTheme && BUTTON_COLOR_THEME[colorTheme],
+        colorTheme && COLOR_THEME_STYLES[colorTheme],
         BUTTON_SIZE[size],
         hasIcon && gap && BUTTON_GAP[gap],
         BUTTON_ROUNDED[rounded],
diff --git a/src/core/components/Button/ButtonBase/types/index.ts b/src/core/components/Button/ButtonBase/types/index.ts
index 12531af..2dab228 100644
--- a/src/core/components/Button/ButtonBase/types/index.ts
+++ b/src/core/components/Button/ButtonBase/types/index.ts
@@ -1,12 +1,10 @@
 import { ButtonHTMLAttributes } from "react";
 
-import { ThemeColors, ThemeTypography } from "@/types";
-import { COLOR_THEME, GAP, ROUNDED, SIZE } from "../constants";
+import { ColorThemeType, ThemeColors, ThemeTypography } from "@/types";
+import { GAP, ROUNDED, SIZE } from "../constants";
 
 export type ThemeType = Extract<ThemeTypography, "body-01-bold" | "body-02-bold" | "body-02-bold">;
 
-export type ColorThemeType = typeof COLOR_THEME[keyof typeof COLOR_THEME];
-
 export type SizeType = typeof SIZE[keyof typeof SIZE];
 
 export type RoundedType = typeof ROUNDED[keyof typeof ROUNDED];
diff --git a/src/core/components/Label/Label.stories.tsx b/src/core/components/Label/Label.stories.tsx
index b13ce10..1d59fd2 100644
--- a/src/core/components/Label/Label.stories.tsx
+++ b/src/core/components/Label/Label.stories.tsx
@@ -1,5 +1,6 @@
 import { Meta } from "@storybook/react";
 
+import { colorThemeOptions } from "@/constants/theme";
 import { Info } from "@phosphor-icons/react";
 import Label from "./index";
 import { LabelProps } from "./types";
@@ -8,10 +9,10 @@ const meta = {
   title: "core/Label",
   component: Label,
   argTypes: {
-    variants: {
+    colorTheme: {
       control: "select",
-      options: [ "primary", "error", "border" ],
-      description: "Label Variants",
+      options: colorThemeOptions,
+      description: "Label colorTheme",
     },
     size: {
       control: "select",
@@ -31,7 +32,7 @@ export const Primary = (props: LabelProps) => {
   return (
     <Label
       element = "dt"
-      variants = {props.variants ?? "primary"}
+      colorTheme = {props.colorTheme ?? "primary"}
       size = "small"
       label = {props.label ?? "label"}
       icon = {<Info />}
@@ -42,7 +43,7 @@ export const Primary = (props: LabelProps) => {
 export const Error = (props: LabelProps) => {
   return (
     <Label
-      variants = {props.variants ?? "error"}
+      colorTheme = {props.colorTheme ?? "error"}
       size = "medium"
       label = {props.label ?? "label"}
       icon = {<Info />}
@@ -53,7 +54,7 @@ export const Error = (props: LabelProps) => {
 export const Success = (props: LabelProps) => {
   return (
     <Label
-      variants = {props.variants ?? "success"}
+      colorTheme = {props.colorTheme ?? "success"}
       size = "large"
       label = {props.label ?? "label"}
       icon = {<Info />}
@@ -64,7 +65,7 @@ export const Success = (props: LabelProps) => {
 export const Warning = (props: LabelProps) => {
   return (
     <Label
-      variants = {props.variants ?? "warning"}
+      colorTheme = {props.colorTheme ?? "warning"}
       size = "small"
       label = {props.label ?? "label"}
     />
@@ -74,7 +75,7 @@ export const Warning = (props: LabelProps) => {
 export const Secondary = (props: LabelProps) => {
   return (
     <Label
-      variants = {props.variants ?? "secondary"}
+      colorTheme = {props.colorTheme ?? "secondary"}
       size = "small"
       label = {props.label ?? "label"}
     />
diff --git a/src/core/components/Label/constants/index.ts b/src/core/components/Label/constants/index.ts
index 26237b7..490f36b 100644
--- a/src/core/components/Label/constants/index.ts
+++ b/src/core/components/Label/constants/index.ts
@@ -1,12 +1,4 @@
-import { SizeType, VariantsType } from "../types";
-
-export const VARIANTS = {
-  PRIMARY: "primary",
-  ERROR: "error",
-  WARNING: "warning",
-  SUCCESS: "success",
-  SECONDARY: "secondary",
-} as const;
+import { SizeType } from "../types";
 
 export const SIZE = {
   SMALL: "small",
@@ -14,14 +6,6 @@ export const SIZE = {
   LARGE: "large",
 } as const;
 
-export const LABEL_VARIANTS: Record<VariantsType, string> = {
-  [VARIANTS.PRIMARY]: "bg-primary-00 text-primary-03",
-  [VARIANTS.ERROR]: "bg-rose-300 bg-opacity-20 text-rose-600",
-  [VARIANTS.WARNING]: "bg-amber-300 bg-opacity-20 text-amber-600",
-  [VARIANTS.SUCCESS]: "bg-green-300 bg-opacity-20 text-green-600",
-  [VARIANTS.SECONDARY]: "bg-gray-02 text-gray-07",
-};
-
 export const LABEL_SIZE: Record<SizeType, string> = {
   [SIZE.SMALL]: "text-body-03-regular px-2 py-0.5 rounded-md",
   [SIZE.MEDIUM]: "text-body-02-regular px-2 py-1 rounded-md",
diff --git a/src/core/components/Label/index.tsx b/src/core/components/Label/index.tsx
index 153e18d..de408ba 100644
--- a/src/core/components/Label/index.tsx
+++ b/src/core/components/Label/index.tsx
@@ -1,10 +1,11 @@
 import clsx from "clsx";
 
-import { LABEL_SIZE, LABEL_VARIANTS } from "./constants";
+import { COLOR_THEME_STYLES } from "@/constants/theme";
+import { LABEL_SIZE } from "./constants";
 import { LabelProps } from "./types";
 
 const Label = <T extends React.ElementType = "div">({
-  variants,
+  colorTheme,
   size,
   label,
   icon,
@@ -19,7 +20,7 @@ const Label = <T extends React.ElementType = "div">({
       className = {
         clsx(
           "flex items-center gap-1 justify-center",
-          LABEL_VARIANTS[variants],
+          COLOR_THEME_STYLES[colorTheme],
           LABEL_SIZE[size],
           className,
         )
diff --git a/src/core/components/Label/types/index.ts b/src/core/components/Label/types/index.ts
index 791898a..c22df28 100644
--- a/src/core/components/Label/types/index.ts
+++ b/src/core/components/Label/types/index.ts
@@ -1,14 +1,12 @@
-
-import { SIZE, VARIANTS } from "../constants";
-
-export type VariantsType = typeof VARIANTS[keyof typeof VARIANTS];
+import { ColorThemeType } from "@/types";
+import { SIZE } from "../constants";
 
 export type SizeType = typeof SIZE[keyof typeof SIZE];
 
 export interface LabelProps<T extends React.ElementType = "div">{
   element?: T;
-  variants: VariantsType
-  size: SizeType
-  label: string
-  icon?: React.ReactNode
+  colorTheme: ColorThemeType;
+  size: SizeType;
+  label: string;
+  icon?: React.ReactNode;
 }
diff --git a/src/types/index.ts b/src/types/index.ts
index 8a188a6..4dde144 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,3 +1,5 @@
+import { COLOR_THEME } from "@/constants/theme";
+
 export type ThemeColors =
   "white" | "black" | "gray-09" | "gray-08" |
   "gray-07" | "gray-06" | "gray-05" |
@@ -15,3 +17,5 @@ export type ThemeTypography =
 "body-01-regular" | "body-01-medium" | "body-01-bold" |
 "body-02-regular" | "body-02-medium" | "body-02-bold" |
 "body-03-regular" | "body-03-medium" | "body-03-bold";
+
+export type ColorThemeType = typeof COLOR_THEME[keyof typeof COLOR_THEME];