diff --git a/package.json b/package.json
index 7a972b4..cc5f7cc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@giveth/ui-design-system",
-	"version": "1.11.6",
+	"version": "1.11.7",
 	"files": [
 		"/lib"
 	],
diff --git a/src/components/buttonLinks/ButtonLink.tsx b/src/components/buttonLinks/ButtonLink.tsx
index 1778f1f..9c39e5d 100644
--- a/src/components/buttonLinks/ButtonLink.tsx
+++ b/src/components/buttonLinks/ButtonLink.tsx
@@ -49,6 +49,19 @@ const ButtonLinkContainer = styled.span<IButtonLinkContainerProps>`
 							background-color: unset;
 							padding: 8px 24px;
 					  `;
+			case 'texty-gray':
+				return props.disabled
+					? css`
+							color: ${neutralColors.gray[500]};
+							background-color: unset;
+							padding: 8px 24px;
+							opacity: 0.5;
+					  `
+					: css`
+							color: ${neutralColors.gray[500]};
+							background-color: unset;
+							padding: 8px 24px;
+					  `;
 			case 'texty-primary':
 				return props.disabled
 					? css`
@@ -113,20 +126,21 @@ const ButtonLinkContainer = styled.span<IButtonLinkContainerProps>`
 						color: ${brandColors.deep[100]};
 						background-color: ${brandColors.giv[700]};
 					`;
+				case 'texty-gray':
+					return css`
+						color: ${neutralColors.gray[700]};
+					`;
 				case 'texty-primary':
 					return css`
 						color: ${neutralColors.gray[100]};
-						background-color: ${brandColors.pinky[600]};
 					`;
 				case 'texty-secondary':
 					return css`
 						color: ${neutralColors.gray[100]};
-						background-color: ${brandColors.giv[700]};
 					`;
 				default:
 					return css`
 						color: ${brandColors.deep[100]};
-						background-color: ${brandColors.giv[700]};
 					`;
 			}
 		}}
diff --git a/src/components/buttonLinks/type.ts b/src/components/buttonLinks/type.ts
index e25f112..3ecef54 100644
--- a/src/components/buttonLinks/type.ts
+++ b/src/components/buttonLinks/type.ts
@@ -5,6 +5,7 @@ export interface IButtonLinkContainerProps {
 		| 'primary'
 		| 'secondary'
 		| 'texty'
+		| 'texty-gray'
 		| 'texty-primary'
 		| 'texty-secondary';
 	size?: 'small' | 'medium' | 'large';
diff --git a/src/components/buttons/Button.tsx b/src/components/buttons/Button.tsx
index e395809..963af35 100644
--- a/src/components/buttons/Button.tsx
+++ b/src/components/buttons/Button.tsx
@@ -27,6 +27,14 @@ const ButtonContainer = styled.button<IButtonContainerProps>`
 					opacity: 0.5;
 				`;
 			}
+			if (props.buttonType === 'texty-gray') {
+				return css`
+					color: ${neutralColors.gray[300]};
+					background-color: unset;
+					padding: 8px 24px;
+					opacity: 0.5;
+				`;
+			}
 			if (props.buttonType === 'texty-primary') {
 				return css`
 					color: ${brandColors.pinky[500]};
@@ -72,6 +80,12 @@ const ButtonContainer = styled.button<IButtonContainerProps>`
 					background-color: unset;
 					padding: 8px 24px;
 				`;
+			case 'texty-gray':
+				return css`
+					color: ${neutralColors.gray[500]};
+					background-color: unset;
+					padding: 8px 24px;
+				`;
 			case 'texty-primary':
 				return css`
 					color: ${brandColors.pinky[500]};
@@ -111,6 +125,10 @@ const ButtonContainer = styled.button<IButtonContainerProps>`
 						color: ${brandColors.deep[100]};
 						background-color: ${brandColors.giv[700]};
 					`;
+				case 'texty-gray':
+					return css`
+						color: ${neutralColors.gray[700]};
+					`;
 				case 'texty-primary':
 					return css`
 						color: ${brandColors.pinky[700]};
diff --git a/src/components/buttons/type.ts b/src/components/buttons/type.ts
index 8a07a6c..1a18041 100644
--- a/src/components/buttons/type.ts
+++ b/src/components/buttons/type.ts
@@ -5,6 +5,7 @@ export interface IButtonContainerProps {
 		| 'primary'
 		| 'secondary'
 		| 'texty'
+		| 'texty-gray'
 		| 'texty-primary'
 		| 'texty-secondary';
 	disabled?: boolean;
diff --git a/src/stories/Button.stories.tsx b/src/stories/Button.stories.tsx
index 8a66f13..db67f7a 100644
--- a/src/stories/Button.stories.tsx
+++ b/src/stories/Button.stories.tsx
@@ -40,6 +40,15 @@ Texty.args = {
 	loading: false,
 };
 
+export const TextyGray = Template.bind({});
+TextyGray.args = {
+	buttonType: 'texty-gray',
+	label: 'Texty',
+	size: 'medium',
+	disabled: false,
+	loading: false,
+};
+
 export const TextyPrimary = Template.bind({});
 TextyPrimary.args = {
 	buttonType: 'texty-primary',
diff --git a/src/stories/ButtonLink.stories.tsx b/src/stories/ButtonLink.stories.tsx
index 06e8dfb..6c2ad31 100644
--- a/src/stories/ButtonLink.stories.tsx
+++ b/src/stories/ButtonLink.stories.tsx
@@ -36,6 +36,15 @@ Texty.args = {
 	disabled: false,
 };
 
+export const TextyGray = Template.bind({});
+
+TextyGray.args = {
+	linkType: 'texty-gray',
+	label: 'Texty',
+	size: 'medium',
+	disabled: false,
+};
+
 export const TextyPrimary = Template.bind({});
 
 TextyPrimary.args = {