diff --git a/src/app/components/LinkButton/LinkButton.tsx b/src/app/components/LinkButton/LinkButton.tsx
index 935d598..81edd83 100644
--- a/src/app/components/LinkButton/LinkButton.tsx
+++ b/src/app/components/LinkButton/LinkButton.tsx
@@ -3,7 +3,8 @@ import Link, { LinkProps } from 'next/link';
 
 const BUTTON_STYLES = {
   primary: {
-    button: 'usa-button bg-[#224a58] hover:bg-green',
+    button:
+      'usa-button bg-violet-warm-60 hover:bg-violet-warm-50 active:bg-violet-warm-70',
     text: 'text-white',
   },
   secondary: {
@@ -33,7 +34,7 @@ export function LinkButton({
   if (disabled) {
     return (
       <div
-        className="usa-button usa-button--disabled self-end justify-self-start bg-[#224a58]"
+        className="usa-button border-violet-warm-60 self-end justify-self-start"
         aria-disabled="true"
         role="link"
         aria-label={ariaLabel}
diff --git a/src/app/engage-with-us/page.tsx b/src/app/engage-with-us/page.tsx
index 435f94f..0b62ea7 100644
--- a/src/app/engage-with-us/page.tsx
+++ b/src/app/engage-with-us/page.tsx
@@ -100,7 +100,7 @@ function Left() {
       </Form>
       <Button
         type="submit"
-        className="hover:bg-green mt-6 inline-flex h-11 items-center justify-start gap-2.5 rounded bg-[#224a58] px-5 py-3 text-right text-base font-bold text-white"
+        className="bg-violet-warm-60 hover:bg-violet-warm-50 active:bg-violet-warm-70 mt-6 inline-flex h-11 items-center justify-start gap-2.5 rounded px-5 py-3 text-right text-base font-bold text-white"
       >
         Send inquiry
       </Button>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 4dcc94f..bbbab4d 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -11,6 +11,11 @@ const config: Config = {
       colors: {
         background: 'var(--background)',
         foreground: 'var(--foreground)',
+        'violet-warm': {
+          50: '#b04abd',
+          60: '#864381',
+          70: '#5c395a',
+        },
       },
     },
   },