diff --git a/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap b/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
index 0739815b..03a95e79 100644
--- a/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
+++ b/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
@@ -189,13 +189,13 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
               style={
                 [
                   {
-                    "fontFamily": "Readex Pro",
+                    "fontFamily": "Titillium Web",
                     "fontSize": 16,
                     "fontStyle": "normal",
-                    "fontWeight": "400",
+                    "fontWeight": "700",
                   },
                   {
-                    "color": "#0B3EE3",
+                    "color": "#0073E6",
                   },
                   {
                     "color": undefined,
diff --git a/src/components/buttons/ButtonLink.tsx b/src/components/buttons/ButtonLink.tsx
index 000f0ac9..1093bc4c 100644
--- a/src/components/buttons/ButtonLink.tsx
+++ b/src/components/buttons/ButtonLink.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback } from "react";
+import React, { useCallback, useMemo } from "react";
 import { GestureResponderEvent, Pressable, StyleSheet } from "react-native";
 import Animated, {
   Extrapolate,
@@ -14,14 +14,15 @@ import {
   IOButtonStyles,
   IOColors,
   IOScaleValues,
-  IOSpringValues
+  IOSpringValues,
+  useIOExperimentalDesign
 } from "../../core";
 import { makeFontStyleObject } from "../../utils/fonts";
 import { WithTestID } from "../../utils/types";
 import { AnimatedIcon, IOIcons, IconClassComponent } from "../icons/Icon";
 import { HSpacer } from "../spacer/Spacer";
 
-type ColorButtonLink = "primary" | "error" | "warning" | "success" | "info";
+type ColorButtonLink = "primary";
 export type ButtonLink = WithTestID<{
   color?: ColorButtonLink;
   label: string;
@@ -52,32 +53,19 @@ const mapColorStates: Record<NonNullable<ButtonLink["color"]>, ColorStates> = {
       pressed: IOColors["blueIO-600"],
       disabled: IOColors["grey-700"]
     }
-  },
-  error: {
-    label: {
-      default: IOColors["error-850"],
-      pressed: IOColors["error-850"],
-      disabled: IOColors["grey-700"]
-    }
-  },
-  warning: {
-    label: {
-      default: IOColors["warning-850"],
-      pressed: IOColors["warning-850"],
-      disabled: IOColors["grey-700"]
-    }
-  },
-  success: {
-    label: {
-      default: IOColors["success-850"],
-      pressed: IOColors["success-850"],
-      disabled: IOColors["grey-700"]
-    }
-  },
-  info: {
+  }
+};
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const mapLegacyColorStates: Record<
+  NonNullable<ButtonLink["color"]>,
+  ColorStates
+> = {
+  // Primary button
+  primary: {
     label: {
-      default: IOColors["info-850"],
-      pressed: IOColors["info-850"],
+      default: IOColors.blue,
+      pressed: IOColors["blue-600"],
       disabled: IOColors["grey-700"]
     }
   }
@@ -91,6 +79,14 @@ const IOButtonStylesLocal = StyleSheet.create({
   }
 });
 
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const IOButtonLegacyStylesLocal = StyleSheet.create({
+  label: {
+    fontSize: 16,
+    ...makeFontStyleObject("Bold", false, "TitilliumWeb")
+  }
+});
+
 export const ButtonLink = React.memo(
   ({
     color = "primary",
@@ -104,6 +100,16 @@ export const ButtonLink = React.memo(
     testID
   }: ButtonLink) => {
     const isPressed = useSharedValue(0);
+    const { isExperimental } = useIOExperimentalDesign();
+
+    const colorMap = useMemo(
+      () => (isExperimental ? mapColorStates : mapLegacyColorStates),
+      [isExperimental]
+    );
+    const buttonStylesLocal = useMemo(
+      () => (isExperimental ? IOButtonStylesLocal : IOButtonLegacyStylesLocal),
+      [isExperimental]
+    );
 
     // Scaling transformation applied when the button is pressed
     const animationScaleValue = IOScaleValues?.basicButton?.pressedState;
@@ -136,10 +142,7 @@ export const ButtonLink = React.memo(
       const labelColor = interpolateColor(
         progressPressed.value,
         [0, 1],
-        [
-          mapColorStates[color].label.default,
-          mapColorStates[color].label.pressed
-        ]
+        [colorMap[color].label.default, colorMap[color].label.pressed]
       );
 
       return {
@@ -152,10 +155,7 @@ export const ButtonLink = React.memo(
       const iconColor = interpolateColor(
         progressPressed.value,
         [0, 1],
-        [
-          mapColorStates[color].label.default,
-          mapColorStates[color].label.pressed
-        ]
+        [colorMap[color].label.default, colorMap[color].label.pressed]
       );
 
       return { color: iconColor };
@@ -207,13 +207,13 @@ export const ButtonLink = React.memo(
                 <AnimatedIconClassComponent
                   name={icon}
                   animatedProps={pressedColorIconAnimationStyle}
-                  color={mapColorStates[color]?.label?.default}
+                  color={colorMap[color]?.label?.default}
                   size={iconSize}
                 />
               ) : (
                 <AnimatedIcon
                   name={icon}
-                  color={mapColorStates[color]?.label?.disabled}
+                  color={colorMap[color]?.label?.disabled}
                   size={iconSize}
                 />
               )}
@@ -222,10 +222,10 @@ export const ButtonLink = React.memo(
           )}
           <Animated.Text
             style={[
-              IOButtonStylesLocal.label,
+              buttonStylesLocal.label,
               disabled
-                ? { color: mapColorStates[color]?.label?.disabled }
-                : { color: mapColorStates[color]?.label?.default },
+                ? { color: colorMap[color]?.label?.disabled }
+                : { color: colorMap[color]?.label?.default },
               !disabled && pressedColorLabelAnimationStyle
             ]}
             numberOfLines={1}
diff --git a/src/components/buttons/ButtonOutline.tsx b/src/components/buttons/ButtonOutline.tsx
index b1e5af2d..bbf9e107 100644
--- a/src/components/buttons/ButtonOutline.tsx
+++ b/src/components/buttons/ButtonOutline.tsx
@@ -11,15 +11,22 @@ import Animated, {
   withSpring
 } from "react-native-reanimated";
 import {
+  IOButtonLegacyStyles,
   IOButtonStyles,
   IOColors,
   IOScaleValues,
   IOSpringValues,
-  hexToRgba
+  hexToRgba,
+  useIOExperimentalDesign
 } from "../../core/";
 import { makeFontStyleObject } from "../../utils/fonts";
 import { WithTestID } from "../../utils/types";
-import { AnimatedIcon, IOIcons, IconClassComponent } from "../icons";
+import {
+  AnimatedIcon,
+  IOIconSizeScale,
+  IOIcons,
+  IconClassComponent
+} from "../icons";
 import { HSpacer } from "../spacer/Spacer";
 
 type ColorButtonOutline = "primary" | "neutral" | "contrast" | "danger";
@@ -134,12 +141,105 @@ const mapColorStates: Record<
   }
 };
 
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const mapLegacyColorStates: Record<
+  NonNullable<ButtonOutline["color"]>,
+  ColorStates
+> = {
+  // Primary button
+  primary: {
+    border: {
+      default: IOColors.blue,
+      pressed: IOColors.blue,
+      disabled: IOColors.bluegreyLight
+    },
+    background: {
+      default: hexToRgba(IOColors.blue, 0),
+      pressed: hexToRgba(IOColors.blue, 0.15),
+      disabled: "transparent"
+    },
+    label: {
+      default: IOColors.blue,
+      pressed: IOColors.blue,
+      disabled: IOColors.grey
+    }
+  },
+  // Neutral button
+  neutral: {
+    border: {
+      default: IOColors.grey,
+      pressed: IOColors.bluegrey,
+      disabled: IOColors.bluegreyLight
+    },
+    background: {
+      default: IOColors.white,
+      pressed: IOColors.greyUltraLight,
+      disabled: "transparent"
+    },
+    label: {
+      default: IOColors.bluegrey,
+      pressed: IOColors.bluegreyDark,
+      disabled: IOColors.grey
+    }
+  },
+  // Contrast button
+  contrast: {
+    border: {
+      default: IOColors.white,
+      pressed: IOColors.white,
+      disabled: hexToRgba(IOColors.white, 0.5)
+    },
+    background: {
+      default: hexToRgba(IOColors.white, 0),
+      pressed: hexToRgba(IOColors.white, 0.2),
+      disabled: "transparent"
+    },
+    label: {
+      default: IOColors.white,
+      pressed: IOColors.white,
+      disabled: hexToRgba(IOColors.white, 0.5)
+    }
+  },
+  // Danger button
+  danger: {
+    border: {
+      default: IOColors.red,
+      pressed: IOColors.red,
+      disabled: IOColors.bluegreyLight
+    },
+    background: {
+      default: hexToRgba(IOColors.red, 0),
+      pressed: hexToRgba(IOColors.red, 0.15),
+      disabled: "transparent"
+    },
+    label: {
+      default: IOColors.red,
+      pressed: IOColors.red,
+      disabled: IOColors.grey
+    }
+  }
+};
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const IOButtonLegacyStylesLocal = StyleSheet.create({
+  // eslint-disable-next-line react-native/no-unused-styles
+  label: {
+    ...makeFontStyleObject("Bold")
+  },
+  // eslint-disable-next-line react-native/no-unused-styles
+  buttonWithBorder: {
+    borderWidth: 1
+  }
+});
+
 const DISABLED_OPACITY = 0.5;
 
 const IOButtonStylesLocal = StyleSheet.create({
+  // eslint-disable-next-line react-native/no-unused-styles
   label: {
     ...makeFontStyleObject("Regular", false, "ReadexPro")
   },
+  // eslint-disable-next-line react-native/no-unused-styles
   buttonWithBorder: {
     borderWidth: 2
   }
@@ -158,8 +258,23 @@ export const ButtonOutline = ({
   accessibilityHint,
   testID
 }: ButtonOutline) => {
+  const { isExperimental } = useIOExperimentalDesign();
   const isPressed: Animated.SharedValue<number> = useSharedValue(0);
 
+  const colorMap = React.useMemo(
+    () => (isExperimental ? mapColorStates : mapLegacyColorStates),
+    [isExperimental]
+  );
+
+  const buttonStyles = React.useMemo(
+    () => (isExperimental ? IOButtonStyles : IOButtonLegacyStyles),
+    [isExperimental]
+  );
+
+  const buttonStylesLocal = React.useMemo(
+    () => (isExperimental ? IOButtonStylesLocal : IOButtonLegacyStylesLocal),
+    [isExperimental]
+  );
   // Scaling transformation applied when the button is pressed
   const animationScaleValue = IOScaleValues?.basicButton?.pressedState;
 
@@ -174,19 +289,13 @@ export const ButtonOutline = ({
     const backgroundColor = interpolateColor(
       progressPressed.value,
       [0, 1],
-      [
-        mapColorStates[color].background.default,
-        mapColorStates[color].background.pressed
-      ]
+      [colorMap[color].background.default, colorMap[color].background.pressed]
     );
 
     const borderColor = interpolateColor(
       progressPressed.value,
       [0, 1],
-      [
-        mapColorStates[color].border.default,
-        mapColorStates[color].border.pressed
-      ]
+      [colorMap[color].border.default, colorMap[color].border.pressed]
     );
 
     // Scale down button slightly when pressed
@@ -210,10 +319,7 @@ export const ButtonOutline = ({
     const labelColor = interpolateColor(
       progressPressed.value,
       [0, 1],
-      [
-        mapColorStates[color].border.default,
-        mapColorStates[color].border.pressed
-      ]
+      [colorMap[color].border.default, colorMap[color].border.pressed]
     );
 
     return {
@@ -226,7 +332,7 @@ export const ButtonOutline = ({
     const iconColor = interpolateColor(
       progressPressed.value,
       [0, 1],
-      [mapColorStates[color].label.default, mapColorStates[color].label.pressed]
+      [colorMap[color].label.default, colorMap[color].label.pressed]
     );
     return { color: iconColor };
   });
@@ -243,7 +349,10 @@ export const ButtonOutline = ({
     isPressed.value = 0;
   }, [isPressed]);
 
-  const Button = () => (
+  // Icon size
+  const iconSize: IOIconSizeScale = small ? 16 : 20;
+
+  return (
     <Pressable
       accessibilityLabel={accessibilityLabel}
       accessibilityHint={accessibilityHint}
@@ -258,21 +367,19 @@ export const ButtonOutline = ({
     >
       <Animated.View
         style={[
-          IOButtonStyles.button,
-          IOButtonStylesLocal.buttonWithBorder,
+          buttonStyles.button,
+          buttonStylesLocal.buttonWithBorder,
           iconPosition === "end" && { flexDirection: "row-reverse" },
-          small
-            ? IOButtonStyles.buttonSizeSmall
-            : IOButtonStyles.buttonSizeDefault,
+          small ? buttonStyles.buttonSizeSmall : buttonStyles.buttonSizeDefault,
           disabled
             ? {
-                backgroundColor: mapColorStates[color]?.background?.disabled,
-                borderColor: mapColorStates[color]?.border?.disabled,
+                backgroundColor: colorMap[color]?.background?.disabled,
+                borderColor: colorMap[color]?.border?.disabled,
                 opacity: DISABLED_OPACITY
               }
             : {
-                backgroundColor: mapColorStates[color]?.background?.default,
-                borderColor: mapColorStates[color]?.border.default
+                backgroundColor: colorMap[color]?.background?.default,
+                borderColor: colorMap[color]?.border.default
               },
           /* Prevent Reanimated from overriding background colors
                     if button is disabled */
@@ -285,12 +392,14 @@ export const ButtonOutline = ({
               <AnimatedIconClassComponent
                 name={icon}
                 animatedProps={pressedColorIconAnimationStyle}
-                color={mapColorStates[color]?.label?.default}
+                color={colorMap[color]?.label?.default}
+                size={iconSize}
               />
             ) : (
               <AnimatedIcon
                 name={icon}
-                color={mapColorStates[color]?.label?.disabled}
+                color={colorMap[color]?.label?.disabled}
+                size={iconSize}
               />
             )}
             <HSpacer size={8} />
@@ -298,14 +407,12 @@ export const ButtonOutline = ({
         )}
         <Animated.Text
           style={[
-            IOButtonStylesLocal.label,
-            IOButtonStyles.label,
-            small
-              ? IOButtonStyles.labelSizeSmall
-              : IOButtonStyles.labelSizeDefault,
+            buttonStylesLocal.label,
+            buttonStyles.label,
+            small ? buttonStyles.labelSizeSmall : buttonStyles.labelSizeDefault,
             disabled
-              ? { color: mapColorStates[color]?.label?.disabled }
-              : { color: mapColorStates[color]?.label?.default },
+              ? { color: colorMap[color]?.label?.disabled }
+              : { color: colorMap[color]?.label?.default },
             !disabled && pressedColorLabelAnimationStyle
           ]}
           numberOfLines={1}
@@ -320,8 +427,6 @@ export const ButtonOutline = ({
       </Animated.View>
     </Pressable>
   );
-
-  return <Button />;
 };
 
 export default ButtonOutline;
diff --git a/src/components/buttons/ButtonSolid.tsx b/src/components/buttons/ButtonSolid.tsx
index 2c6ba85a..2017905f 100644
--- a/src/components/buttons/ButtonSolid.tsx
+++ b/src/components/buttons/ButtonSolid.tsx
@@ -14,13 +14,13 @@ import { WithTestID } from "../../utils/types";
 import { HSpacer } from "../spacer/Spacer";
 import { BaseTypography } from "../typography/BaseTypography";
 import {
+  IOButtonLegacyStyles,
   IOButtonStyles,
   IOColors,
   IOScaleValues,
   IOSpringValues,
   useIOExperimentalDesign
 } from "../../core";
-import ButtonSolidLegacy from "./ButtonSolidLeg";
 
 type ButtonSolidColor = "primary" | "danger" | "contrast";
 
@@ -33,6 +33,15 @@ type ColorStates = {
   };
 };
 
+// Disabled state
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const colorPrimaryLegacyButtonDisabled: IOColors = "bluegreyLight";
+const legacyStyles = StyleSheet.create({
+  backgroundDisabled: {
+    backgroundColor: IOColors[colorPrimaryLegacyButtonDisabled]
+  }
+});
+
 const colorPrimaryButtonDisabled: IOColors = "grey-200";
 const DISABLED_OPACITY = 0.5;
 
@@ -105,6 +114,40 @@ const mapColorStates: Record<
   }
 };
 
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const mapLegacyColorStates: Record<
+  NonNullable<ButtonSolidProps["color"]>,
+  ColorStates
+> = {
+  // Primary button
+  primary: {
+    default: IOColors.blue,
+    pressed: IOColors["blue-600"],
+    label: {
+      default: "white",
+      disabled: "white"
+    }
+  },
+  // Danger button
+  danger: {
+    default: IOColors["error-600"],
+    pressed: IOColors["error-500"],
+    label: {
+      default: "white",
+      disabled: "white"
+    }
+  },
+  // Contrast button
+  contrast: {
+    default: IOColors.white,
+    pressed: IOColors["blue-50"],
+    label: {
+      default: "blue",
+      disabled: "white"
+    }
+  }
+};
+
 export const ButtonSolid = React.memo(
   ({
     color = "primary",
@@ -124,6 +167,19 @@ export const ButtonSolid = React.memo(
     // Scaling transformation applied when the button is pressed
     const animationScaleValue = IOScaleValues?.basicButton?.pressedState;
 
+    const colorMap = React.useMemo(
+      () => (isExperimental ? mapColorStates : mapLegacyColorStates),
+      [isExperimental]
+    );
+
+    const buttonStyles = React.useMemo(
+      () => (isExperimental ? IOButtonStyles : IOButtonLegacyStyles),
+      [isExperimental]
+    );
+
+    // Icon size
+    const iconSize = React.useMemo(() => (small ? 16 : 20), [small]);
+
     // Using a spring-based animation for our interpolations
     const progressPressed = useDerivedValue(() =>
       withSpring(isPressed.value, IOSpringValues.button)
@@ -135,7 +191,7 @@ export const ButtonSolid = React.memo(
       const bgColor = interpolateColor(
         progressPressed.value,
         [0, 1],
-        [mapColorStates[color].default, mapColorStates[color].pressed]
+        [colorMap[color].default, colorMap[color].pressed]
       );
 
       // Scale down button slightly when pressed
@@ -163,13 +219,10 @@ export const ButtonSolid = React.memo(
 
     // Label & Icons colors
     const foregroundColor: IOColors = disabled
-      ? mapColorStates[color]?.label?.disabled
-      : mapColorStates[color]?.label?.default;
+      ? colorMap[color]?.label?.disabled
+      : colorMap[color]?.label?.default;
 
-    // Icon size
-    const iconSize = small ? 16 : 20;
-
-    const Button = () => (
+    return (
       <Pressable
         accessibilityLabel={accessibilityLabel}
         accessibilityHint={accessibilityHint}
@@ -184,14 +237,16 @@ export const ButtonSolid = React.memo(
       >
         <Animated.View
           style={[
-            IOButtonStyles.button,
+            buttonStyles.button,
             iconPosition === "end" && { flexDirection: "row-reverse" },
             small
-              ? IOButtonStyles.buttonSizeSmall
-              : IOButtonStyles.buttonSizeDefault,
+              ? buttonStyles.buttonSizeSmall
+              : buttonStyles.buttonSizeDefault,
             disabled
-              ? styles.backgroundDisabled
-              : { backgroundColor: mapColorStates[color]?.default },
+              ? isExperimental
+                ? styles.backgroundDisabled
+                : legacyStyles.backgroundDisabled
+              : { backgroundColor: colorMap[color]?.default },
             /* Prevent Reanimated from overriding background colors
                     if button is disabled */
             !disabled && pressedAnimationStyle
@@ -208,14 +263,14 @@ export const ButtonSolid = React.memo(
             </>
           )}
           <BaseTypography
-            font="ReadexPro"
-            weight={"Regular"}
+            font={isExperimental ? "ReadexPro" : undefined}
+            weight={isExperimental ? "Regular" : "Bold"}
             color={foregroundColor}
             style={[
-              IOButtonStyles.label,
+              buttonStyles.label,
               small
-                ? IOButtonStyles.labelSizeSmall
-                : IOButtonStyles.labelSizeDefault
+                ? buttonStyles.labelSizeSmall
+                : buttonStyles.labelSizeDefault
             ]}
             numberOfLines={1}
             ellipsizeMode="tail"
@@ -229,26 +284,6 @@ export const ButtonSolid = React.memo(
         </Animated.View>
       </Pressable>
     );
-
-    return isExperimental ? (
-      <Button />
-    ) : (
-      <ButtonSolidLegacy
-        {...{
-          color,
-          accessibilityLabel,
-          label,
-          onPress,
-          accessibilityHint,
-          disabled,
-          fullWidth,
-          icon,
-          iconPosition,
-          small,
-          testID
-        }}
-      />
-    );
   }
 );
 
diff --git a/src/components/buttons/ButtonSolidLeg.tsx b/src/components/buttons/ButtonSolidLeg.tsx
deleted file mode 100644
index 2e95c39c..00000000
--- a/src/components/buttons/ButtonSolidLeg.tsx
+++ /dev/null
@@ -1,243 +0,0 @@
-/**
- * TODO: This is actually a temporary file, optimized code merging with ButtonSolid.tsx is needed
- */
-import * as React from "react";
-import { useCallback } from "react";
-import { GestureResponderEvent, Pressable, StyleSheet } from "react-native";
-import Animated, {
-  Extrapolate,
-  interpolate,
-  interpolateColor,
-  useAnimatedStyle,
-  useDerivedValue,
-  useSharedValue,
-  withSpring
-} from "react-native-reanimated";
-import { WithTestID } from "../../utils/types";
-import { IOIconSizeScale, IOIcons, Icon } from "../icons";
-import {
-  IOButtonLegacyStyles,
-  IOButtonStyles,
-  IOColors,
-  IOScaleValues,
-  IOSpringValues
-} from "../../core";
-import { HSpacer } from "../spacer";
-import { BaseTypography } from "../typography";
-
-export type ButtonSolid = WithTestID<{
-  color?: "primary" | "danger" | "contrast";
-  label: string;
-  small?: boolean;
-  fullWidth?: boolean;
-  disabled?: boolean;
-  // Icons
-  icon?: IOIcons;
-  iconPosition?: "start" | "end";
-  // Accessibility
-  accessibilityLabel: string;
-  accessibilityHint?: string;
-  // Events
-  onPress: (event: GestureResponderEvent) => void;
-}>;
-
-type ColorStates = {
-  default: string;
-  pressed: string;
-  label: {
-    default: IOColors;
-    disabled: IOColors;
-  };
-};
-
-/*
-░░░ COMPONENT CONFIGURATION ░░░
-*/
-
-const mapLegacyColorStates: Record<
-  NonNullable<ButtonSolid["color"]>,
-  ColorStates
-> = {
-  // Primary button
-  primary: {
-    default: IOColors.blue,
-    pressed: IOColors["blue-600"],
-    label: {
-      default: "white",
-      disabled: "white"
-    }
-  },
-  // Danger button
-  danger: {
-    default: IOColors["error-600"],
-    pressed: IOColors["error-500"],
-    label: {
-      default: "white",
-      disabled: "white"
-    }
-  },
-  // Contrast button
-  contrast: {
-    default: IOColors.white,
-    pressed: IOColors["blue-50"],
-    label: {
-      default: "blue",
-      disabled: "white"
-    }
-  }
-};
-
-// Disabled state
-const colorPrimaryLegacyButtonDisabled: IOColors = "bluegreyLight";
-const legacyStyles = StyleSheet.create({
-  backgroundDisabled: {
-    backgroundColor: IOColors[colorPrimaryLegacyButtonDisabled]
-  }
-});
-
-/**
- * ButtonSolid Component
- *
- * The `ButtonSolid` component is a reusable button component that provides a solid-colored button
- * with customizable properties, such as color, label, icon, size, and press animations.
- * Currently if the Design System is enabled, the component returns the Button of the @pagopa/io-app-design-system library
- * otherwise it returns the legacy component.
- *
- * @property {string} color - The color of the button. Possible values are: "primary", "secondary", "success", "danger", "warning", "info", etc.
- * @property {string} label - The label text displayed on the button.
- * @property {boolean} small - If `true`, the button will be rendered with a smaller size.
- * @property {boolean} fullWidth - If `true`, the button will occupy the full width of its container.
- * @property {boolean} disabled - If `true`, the button will be disabled and not respond to user interactions.
- * @property {string} icon - The name of the icon to be displayed on the button.
- * @property {string} iconPosition - The position of the icon relative to the label. Possible values are: "start" (before the label) or "end" (after the label).
- * @property {function} onPress - The callback function to be executed when the button is pressed.
- * @property {string} accessibilityLabel - An accessibility label for the button.
- * @property {string} accessibilityHint - An accessibility hint for the button.
- * @property {string} testID - A test identifier for the button, used for testing purposes.
- *
- */
-export const ButtonSolidLegacy = ({
-  color = "primary",
-  label,
-  small = false,
-  fullWidth = false,
-  disabled = false,
-  icon,
-  iconPosition = "start",
-  onPress,
-  accessibilityLabel,
-  accessibilityHint,
-  testID
-}: ButtonSolid) => {
-  const isPressed: Animated.SharedValue<number> = useSharedValue(0);
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues?.basicButton?.pressedState;
-
-  // Using a spring-based animation for our interpolations
-  const progressPressed = useDerivedValue(() =>
-    withSpring(isPressed.value, IOSpringValues.button)
-  );
-
-  // Interpolate animation values from `isPressed` values
-  const pressedAnimationStyle = useAnimatedStyle(() => {
-    // Link color states to the pressed states
-
-    const bgColor = interpolateColor(
-      progressPressed.value,
-      [0, 1],
-      [mapLegacyColorStates[color].default, mapLegacyColorStates[color].pressed]
-    );
-
-    // Scale down button slightly when pressed
-    const scale = interpolate(
-      progressPressed.value,
-      [0, 1],
-      [1, animationScaleValue],
-      Extrapolate.CLAMP
-    );
-
-    return {
-      backgroundColor: bgColor,
-      transform: [{ scale }]
-    };
-  });
-
-  const onPressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
-
-  // Label & Icons colors
-  const foregroundLegacyColor: IOColors = disabled
-    ? mapLegacyColorStates[color]?.label?.disabled
-    : mapLegacyColorStates[color]?.label?.default;
-
-  // Icon size
-  const iconSize: IOIconSizeScale = small ? 16 : 20;
-
-  const LegacyButton = () => (
-    <Pressable
-      accessibilityLabel={accessibilityLabel}
-      accessibilityHint={accessibilityHint}
-      accessibilityRole={"button"}
-      testID={testID}
-      onPress={onPress}
-      onPressIn={onPressIn}
-      onPressOut={onPressOut}
-      accessible={true}
-      disabled={disabled}
-      style={!fullWidth ? IOButtonStyles.dimensionsDefault : {}}
-    >
-      <Animated.View
-        style={[
-          IOButtonLegacyStyles.button,
-          iconPosition === "end" && { flexDirection: "row-reverse" },
-          small
-            ? IOButtonLegacyStyles.buttonSizeSmall
-            : IOButtonLegacyStyles.buttonSizeDefault,
-          disabled
-            ? legacyStyles.backgroundDisabled
-            : { backgroundColor: mapLegacyColorStates[color]?.default },
-          /* Prevent Reanimated from overriding background colors
-          if button is disabled */
-          !disabled && pressedAnimationStyle
-        ]}
-      >
-        {icon && (
-          <>
-            <Icon name={icon} size={iconSize} color={foregroundLegacyColor} />
-            <HSpacer size={8} />
-          </>
-        )}
-        <BaseTypography
-          weight={"Bold"}
-          color={foregroundLegacyColor}
-          style={[
-            IOButtonLegacyStyles.label,
-            small
-              ? IOButtonLegacyStyles.labelSizeSmall
-              : IOButtonLegacyStyles.labelSizeDefault
-          ]}
-          numberOfLines={1}
-          ellipsizeMode="tail"
-          /* A11y-related props:
-          DON'T UNCOMMENT THEM */
-          /* allowFontScaling
-          maxFontSizeMultiplier={1.3} */
-        >
-          {label}
-        </BaseTypography>
-      </Animated.View>
-    </Pressable>
-  );
-  /* REMOVE_LEGACY_COMPONENT: End ▶ */
-
-  return <LegacyButton />;
-};
-
-export default ButtonSolidLegacy;
diff --git a/src/components/buttons/IconButton.tsx b/src/components/buttons/IconButton.tsx
index 0cdbfbc9..85379086 100644
--- a/src/components/buttons/IconButton.tsx
+++ b/src/components/buttons/IconButton.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback } from "react";
+import React, { useCallback, useMemo } from "react";
 import { GestureResponderEvent, Pressable } from "react-native";
 import Animated, {
   Extrapolate,
@@ -15,7 +15,8 @@ import {
   IOIconButtonStyles,
   IOScaleValues,
   IOSpringValues,
-  hexToRgba
+  hexToRgba,
+  useIOExperimentalDesign
 } from "../../core";
 import { WithTestID } from "../../utils/types";
 import { AnimatedIcon, IOIcons, IconClassComponent } from "../icons";
@@ -37,6 +38,37 @@ type ColorStates = {
   };
 };
 
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const mapLegacyColorStates: Record<
+  NonNullable<IconButton["color"]>,
+  ColorStates
+> = {
+  // Primary button
+  primary: {
+    icon: {
+      default: IOColors.blue,
+      pressed: IOColors["blue-600"],
+      disabled: hexToRgba(IOColors.blue, 0.25)
+    }
+  },
+  // Neutral button
+  neutral: {
+    icon: {
+      default: IOColors.black,
+      pressed: IOColors.bluegreyDark,
+      disabled: IOColors.grey
+    }
+  },
+  // Contrast button
+  contrast: {
+    icon: {
+      default: IOColors.white,
+      pressed: hexToRgba(IOColors.white, 0.85),
+      disabled: hexToRgba(IOColors.white, 0.25)
+    }
+  }
+};
+
 const mapColorStates: Record<NonNullable<IconButton["color"]>, ColorStates> = {
   // Primary button
   primary: {
@@ -78,6 +110,13 @@ export const IconButton = ({
 }: IconButton) => {
   const isPressed = useSharedValue(0);
 
+  const { isExperimental } = useIOExperimentalDesign();
+
+  const colorMap = useMemo(
+    () => (isExperimental ? mapColorStates : mapLegacyColorStates),
+    [isExperimental]
+  );
+
   // Scaling transformation applied when the button is pressed
   const animationScaleValue = IOScaleValues?.exaggeratedButton?.pressedState;
 
@@ -107,7 +146,7 @@ export const IconButton = ({
     const iconColor = interpolateColor(
       progressPressed.value,
       [0, 1],
-      [mapColorStates[color].icon.default, mapColorStates[color].icon.pressed]
+      [colorMap[color].icon.default, colorMap[color].icon.pressed]
     );
     return { color: iconColor };
   });
@@ -149,13 +188,10 @@ export const IconButton = ({
           <AnimatedIconClassComponent
             name={icon}
             animatedProps={animatedColor}
-            color={mapColorStates[color]?.icon?.default}
+            color={colorMap[color]?.icon?.default}
           />
         ) : (
-          <AnimatedIcon
-            name={icon}
-            color={mapColorStates[color]?.icon?.disabled}
-          />
+          <AnimatedIcon name={icon} color={colorMap[color]?.icon?.disabled} />
         )}
       </Animated.View>
     </Pressable>
diff --git a/src/components/buttons/IconButtonContained.tsx b/src/components/buttons/IconButtonContained.tsx
index 1e08ffc9..b03bc18c 100644
--- a/src/components/buttons/IconButtonContained.tsx
+++ b/src/components/buttons/IconButtonContained.tsx
@@ -23,7 +23,8 @@ import {
   IOIconButtonStyles,
   IOScaleValues,
   IOSpringValues,
-  hexToRgba
+  hexToRgba,
+  useIOExperimentalDesign
 } from "../../core";
 
 export type IconButtonContained = WithTestID<{
@@ -93,6 +94,51 @@ const mapColorStates: Record<
   }
 };
 
+const mapLegacyColorStates: Record<
+  NonNullable<IconButtonContained["color"]>,
+  ColorStates
+> = {
+  // Primary button
+  primary: {
+    background: {
+      default: hexToRgba(IOColors.blue, 0),
+      pressed: hexToRgba(IOColors.blue, 0.15),
+      disabled: "transparent"
+    },
+    icon: {
+      default: IOColors.blue,
+      pressed: IOColors.blue,
+      disabled: hexToRgba(IOColors.blue, 0.25)
+    }
+  },
+  // Neutral button
+  neutral: {
+    background: {
+      default: IOColors.white,
+      pressed: IOColors.greyUltraLight,
+      disabled: "transparent"
+    },
+    icon: {
+      default: IOColors.bluegrey,
+      pressed: IOColors.black,
+      disabled: IOColors.grey
+    }
+  },
+  // Contrast button
+  contrast: {
+    background: {
+      default: hexToRgba(IOColors.white, 0),
+      pressed: hexToRgba(IOColors.white, 0.2),
+      disabled: "transparent"
+    },
+    icon: {
+      default: IOColors.white,
+      pressed: IOColors.white,
+      disabled: hexToRgba(IOColors.white, 0.25)
+    }
+  }
+};
+
 const AnimatedIconClassComponent =
   Animated.createAnimatedComponent(IconClassComponent);
 
@@ -106,6 +152,12 @@ export const IconButtonContained = ({
   testID
 }: IconButtonContained) => {
   const isPressed = useSharedValue(0);
+  const { isExperimental } = useIOExperimentalDesign();
+
+  const colorMap = React.useMemo(
+    () => (isExperimental ? mapColorStates : mapLegacyColorStates),
+    [isExperimental]
+  );
 
   // Scaling transformation applied when the button is pressed
   const animationScaleValue = IOScaleValues?.exaggeratedButton?.pressedState;
@@ -122,10 +174,7 @@ export const IconButtonContained = ({
     const backgroundColor = interpolateColor(
       progressPressed.value,
       [0, 1],
-      [
-        mapColorStates[color].background.default,
-        mapColorStates[color].background.pressed
-      ]
+      [colorMap[color].background.default, colorMap[color].background.pressed]
     );
 
     // Scale down button slightly when pressed
@@ -147,7 +196,7 @@ export const IconButtonContained = ({
     const iconColor = interpolateColor(
       progressPressed.value,
       [0, 1],
-      [mapColorStates[color].icon.default, mapColorStates[color].icon.pressed]
+      [colorMap[color].icon.default, colorMap[color].icon.pressed]
     );
     return { color: iconColor };
   });
@@ -185,13 +234,10 @@ export const IconButtonContained = ({
           <AnimatedIconClassComponent
             name={icon}
             animatedProps={animatedColor}
-            color={mapColorStates[color]?.icon?.default}
+            color={colorMap[color]?.icon?.default}
           />
         ) : (
-          <AnimatedIcon
-            name={icon}
-            color={mapColorStates[color]?.icon?.disabled}
-          />
+          <AnimatedIcon name={icon} color={colorMap[color]?.icon?.disabled} />
         )}
       </Animated.View>
     </Pressable>
diff --git a/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap b/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap
index e8162f25..8d5842e2 100644
--- a/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap
+++ b/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap
@@ -237,13 +237,13 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
       style={
         [
           {
-            "fontFamily": "Readex Pro",
+            "fontFamily": "Titillium Web",
             "fontSize": 16,
             "fontStyle": "normal",
-            "fontWeight": "400",
+            "fontWeight": "700",
           },
           {
-            "color": "#0B3EE3",
+            "color": "#0073E6",
           },
           {
             "color": undefined,
@@ -301,23 +301,23 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
       [
         {
           "alignItems": "center",
-          "borderRadius": 8,
+          "borderRadius": 4,
           "elevation": 0,
           "flexDirection": "row",
           "justifyContent": "center",
-          "paddingHorizontal": 24,
+          "paddingHorizontal": 16,
           "textAlignVertical": "center",
         },
         {
-          "borderWidth": 2,
+          "borderWidth": 1,
         },
         false,
         {
-          "height": 48,
+          "height": 40,
         },
         {
-          "backgroundColor": "rgba(231,236,252,0)",
-          "borderColor": "#0B3EE3",
+          "backgroundColor": "rgba(0,115,230,0)",
+          "borderColor": "#0073E6",
         },
         {
           "backgroundColor": undefined,
@@ -337,9 +337,9 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
       style={
         [
           {
-            "fontFamily": "Readex Pro",
+            "fontFamily": "Titillium Web",
             "fontStyle": "normal",
-            "fontWeight": "400",
+            "fontWeight": "700",
           },
           {
             "alignSelf": "center",
@@ -348,7 +348,7 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
             "fontSize": 16,
           },
           {
-            "color": "#0B3EE3",
+            "color": "#0073E6",
           },
           {
             "color": undefined,
@@ -406,19 +406,19 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
       [
         {
           "alignItems": "center",
-          "borderRadius": 8,
+          "borderRadius": 4,
           "elevation": 0,
           "flexDirection": "row",
           "justifyContent": "center",
-          "paddingHorizontal": 24,
+          "paddingHorizontal": 16,
           "textAlignVertical": "center",
         },
         false,
         {
-          "height": 48,
+          "height": 40,
         },
         {
-          "backgroundColor": "#0B3EE3",
+          "backgroundColor": "#0073E6",
         },
         {
           "backgroundColor": undefined,
@@ -434,7 +434,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
     <Text
       color="white"
       ellipsizeMode="tail"
-      font="ReadexPro"
       numberOfLines={1}
       style={
         [
@@ -449,13 +448,13 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
           undefined,
           {
             "color": "#FFFFFF",
-            "fontFamily": "Readex Pro",
+            "fontFamily": "Titillium Web",
             "fontStyle": "normal",
-            "fontWeight": "400",
+            "fontWeight": "700",
           },
         ]
       }
-      weight="Regular"
+      weight="Bold"
     >
       label
     </Text>
@@ -527,7 +526,7 @@ exports[`Test Buttons Components IconButton Snapshot 1`] = `
       }
       bbHeight={24}
       bbWidth={24}
-      color={4278927075}
+      color={4278219750}
       focusable={false}
       height={24}
       importantForAccessibility="no-hide-descendants"
@@ -541,7 +540,7 @@ exports[`Test Buttons Components IconButton Snapshot 1`] = `
             "borderWidth": 0,
           },
           {
-            "color": "#0B3EE3",
+            "color": "#0073E6",
           },
           {
             "flex": 0,
@@ -550,7 +549,7 @@ exports[`Test Buttons Components IconButton Snapshot 1`] = `
           },
         ]
       }
-      tintColor={4278927075}
+      tintColor={4278219750}
       vbHeight={24}
       vbWidth={24}
       width={24}
@@ -653,7 +652,7 @@ exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
       }
       bbHeight={24}
       bbWidth={24}
-      color={4278927075}
+      color={4278219750}
       focusable={false}
       height={24}
       importantForAccessibility="no-hide-descendants"
@@ -667,7 +666,7 @@ exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
             "borderWidth": 0,
           },
           {
-            "color": "#0B3EE3",
+            "color": "#0073E6",
           },
           {
             "flex": 0,
@@ -676,7 +675,7 @@ exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
           },
         ]
       }
-      tintColor={4278927075}
+      tintColor={4278219750}
       vbHeight={24}
       vbWidth={24}
       width={24}
diff --git a/src/core/IODSExperimentalContextProvider.tsx b/src/core/IODSExperimentalContextProvider.tsx
index 3a428a11..fbf00ff6 100644
--- a/src/core/IODSExperimentalContextProvider.tsx
+++ b/src/core/IODSExperimentalContextProvider.tsx
@@ -10,7 +10,7 @@ type IOExperimentalContextType = {
  */
 const IOExperimentalDesignContext =
   React.createContext<IOExperimentalContextType>({
-    isExperimental: true,
+    isExperimental: false,
     setExperimental: constVoid
   });