diff --git a/packages/primitives/src/design-tokens/oxygen/dark.tokens.json b/packages/primitives/src/design-tokens/oxygen/dark.tokens.json
index 98f1d835..edefdbe8 100644
--- a/packages/primitives/src/design-tokens/oxygen/dark.tokens.json
+++ b/packages/primitives/src/design-tokens/oxygen/dark.tokens.json
@@ -3,23 +3,23 @@
     "colors": {
       "primary": {
         "lighter": {
-          "value": "#14b8a5",
+          "value": "#ff9666",
           "type": "color"
         },
         "light": {
-          "value": "#19e6ce",
+          "value": "#ff7433",
           "type": "color"
         },
         "default": {
-          "value": "#47ebd8",
+          "value": "#ff5100",
           "type": "color"
         },
         "dark": {
-          "value": "#75f0e1",
+          "value": "#cc4100",
           "type": "color"
         },
         "darker": {
-          "value": "#a3f5eb",
+          "value": "#993000",
           "type": "color"
         }
       },
@@ -63,7 +63,7 @@
           "type": "color"
         },
         "primary": {
-          "value": "#75f0e1",
+          "value": "#cc4100",
           "type": "color"
         }
       },
@@ -89,7 +89,7 @@
           "type": "color"
         },
         "primary": {
-          "value": "#47ebd8",
+          "value": "#ff5100",
           "type": "color"
         },
         "gray": {
@@ -228,7 +228,7 @@
           "background": {
             "primary": {
               "default": {
-                "value": "#47ebd8",
+                "value": "#ff5100",
                 "type": "color"
               }
             },
@@ -327,4 +327,4 @@
     "value": "https://raw.githubusercontent.com/brionmario/oxygen/main/examples/multi-brand-identity/public/assets/brands/oxygen/images/oxygen-logo-inverted.svg",
     "type": "asset"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react/src/components/Autocomplete/__tests__/__snapshots__/Autocomplete.test.tsx.snap b/packages/react/src/components/Autocomplete/__tests__/__snapshots__/Autocomplete.test.tsx.snap
index d11b8d49..8ad48544 100644
--- a/packages/react/src/components/Autocomplete/__tests__/__snapshots__/Autocomplete.test.tsx.snap
+++ b/packages/react/src/components/Autocomplete/__tests__/__snapshots__/Autocomplete.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`Alert should match the snapshot 1`] = `
           Movie
         </label>
         <div
-          class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root OxygenTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
+          class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth MuiTextField-root OxygenTextField-root css-1z10yd4-MuiFormControl-root-MuiTextField-root"
         >
           <div
             class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-115mmlx-MuiInputBase-root-MuiOutlinedInput-root"
diff --git a/packages/react/src/components/SignIn/__tests__/__snapshots__/SignIn.test.tsx.snap b/packages/react/src/components/SignIn/__tests__/__snapshots__/SignIn.test.tsx.snap
index 25a53e21..e2c57abf 100644
--- a/packages/react/src/components/SignIn/__tests__/__snapshots__/SignIn.test.tsx.snap
+++ b/packages/react/src/components/SignIn/__tests__/__snapshots__/SignIn.test.tsx.snap
@@ -33,7 +33,7 @@ exports[`SignIn should match the snapshot 1`] = `
               Username
             </label>
             <div
-              class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root OxygenTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
+              class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth MuiTextField-root OxygenTextField-root css-1z10yd4-MuiFormControl-root-MuiTextField-root"
             >
               <div
                 class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused MuiInputBase-formControl MuiInputBase-sizeSmall css-e1xd3c-MuiInputBase-root-MuiOutlinedInput-root"
@@ -76,7 +76,7 @@ exports[`SignIn should match the snapshot 1`] = `
               Password
             </label>
             <div
-              class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
+              class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth MuiTextField-root css-1z10yd4-MuiFormControl-root-MuiTextField-root"
             >
               <div
                 class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedEnd css-115mmlx-MuiInputBase-root-MuiOutlinedInput-root"
diff --git a/packages/react/src/components/TextField/TextField.tsx b/packages/react/src/components/TextField/TextField.tsx
index 8a47a429..f7c53899 100644
--- a/packages/react/src/components/TextField/TextField.tsx
+++ b/packages/react/src/components/TextField/TextField.tsx
@@ -175,7 +175,17 @@ const PasswordFieldWithCriteria: ForwardRefExoticComponent<TextFieldProps> = for
  */
 const TextField: OverridableComponent<FormControlTypeMap<TextFieldProps>> = forwardRef(
   <C extends ElementType = ElementType>(
-    {className, id, label, type, InputLabelProps, variant, size = 'small', ...rest}: TextFieldProps<C>,
+    {
+      className,
+      id,
+      label,
+      type,
+      InputLabelProps,
+      variant,
+      size = 'small',
+      margin = 'dense',
+      ...rest
+    }: TextFieldProps<C>,
     ref: Ref<HTMLDivElement>,
   ): ReactElement => {
     const classes: string = clsx('oxygen-text-field', className);
@@ -186,7 +196,15 @@ const TextField: OverridableComponent<FormControlTypeMap<TextFieldProps>> = forw
           {label}
         </InputLabel>
         {type === TextFieldInputTypes.INPUT_PASSWORD ? (
-          <PasswordFieldWithCriteria ref={ref} id={id} variant={variant} type={type} size={size} {...rest} />
+          <PasswordFieldWithCriteria
+            ref={ref}
+            id={id}
+            variant={variant}
+            type={type}
+            size={size}
+            margin={margin}
+            {...rest}
+          />
         ) : (
           <MuiTextField
             ref={ref}
@@ -195,6 +213,7 @@ const TextField: OverridableComponent<FormControlTypeMap<TextFieldProps>> = forw
             className="OxygenTextField-root"
             type={type}
             size={size}
+            margin={margin}
             {...rest}
           />
         )}
diff --git a/packages/react/src/components/TextField/__test__/__snapshots__/TextField.test.tsx.snap b/packages/react/src/components/TextField/__test__/__snapshots__/TextField.test.tsx.snap
index 214857e4..3eb2e9b5 100644
--- a/packages/react/src/components/TextField/__test__/__snapshots__/TextField.test.tsx.snap
+++ b/packages/react/src/components/TextField/__test__/__snapshots__/TextField.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`TextField should match the snapshot 1`] = `
         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated oxygen-input-label css-f3834g-MuiFormLabel-root-MuiInputLabel-root"
       />
       <div
-        class="MuiFormControl-root MuiTextField-root OxygenTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
+        class="MuiFormControl-root MuiFormControl-marginDense MuiTextField-root OxygenTextField-root css-4mzek5-MuiFormControl-root-MuiTextField-root"
       >
         <div
           class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall css-9s98je-MuiInputBase-root-MuiOutlinedInput-root"