diff --git a/themes/default/layouts/partials/docs-top-nav.html b/themes/default/layouts/partials/docs-top-nav.html
index dab0b19ca7..7daace43ab 100644
--- a/themes/default/layouts/partials/docs-top-nav.html
+++ b/themes/default/layouts/partials/docs-top-nav.html
@@ -14,7 +14,7 @@
                 </ul>
             </div>
             <div class="get-started">
-                <a class="get-started-header-button" data-track="get-started-practitioner-nav" href="/docs/get-started/">Get Started</a>
+                <a class="btn btn-primary" data-track="get-started-practitioner-nav" href="https://app.pulumi.com/signup">Get Started</a>
             </div>
         </div>
         <div class="nav-items">
diff --git a/themes/default/theme/src/scss/_buttons.scss b/themes/default/theme/src/scss/_buttons.scss
index 8ffd050f38..e22237243d 100644
--- a/themes/default/theme/src/scss/_buttons.scss
+++ b/themes/default/theme/src/scss/_buttons.scss
@@ -5,14 +5,14 @@
     @include transition;
 
     @apply cursor-pointer text-sm whitespace-nowrap py-2 px-3 rounded inline-block;
-    @apply bg-blue-600 border-2 border-blue-600 text-white text-center;
+    @apply bg-violet-600 border-2 border-violet-600 text-white text-center;
 
     &:hover {
-        @apply bg-blue-500 border-blue-500 text-white;
+        @apply bg-violet-500 border-violet-500 text-white;
     }
 
     &:active {
-        @apply bg-blue-500;
+        @apply bg-violet-500;
     }
 }
 
diff --git a/themes/default/theme/src/scss/_colors.scss b/themes/default/theme/src/scss/_colors.scss
index b3d3eeab5b..1c1ffa36f2 100644
--- a/themes/default/theme/src/scss/_colors.scss
+++ b/themes/default/theme/src/scss/_colors.scss
@@ -7,7 +7,7 @@ $brand: (
     "fuchsia": #bd4c85,
     "fuchsia-darker": #be5188,
     "purple": #8a3391,
-    "violet": #805ac3,
+    "violet": #5a30c5,
     "blue-lighter": #7682f4,
     "blue": #4d5bd9,
     "blue-darker": #4552c3,
diff --git a/themes/default/theme/src/scss/_header.scss b/themes/default/theme/src/scss/_header.scss
index a5f141889a..d4610246f1 100644
--- a/themes/default/theme/src/scss/_header.scss
+++ b/themes/default/theme/src/scss/_header.scss
@@ -107,7 +107,7 @@
 
                 &:hover,
                 &:active {
-                    background: linear-gradient(90deg, #be5188 0%, #805ac3 100%) border-box;
+                    background: linear-gradient(90deg, #be5188 0%, #5a30c5 100%) border-box;
                     border-color: transparent;
                     border-radius: 20px;
                 }
@@ -506,7 +506,7 @@
 
             &:hover,
             &:active {
-                background: linear-gradient(90deg, #be5188 0%, #805ac3 100%) border-box;
+                background: linear-gradient(90deg, #be5188 0%, #5a30c5 100%) border-box;
                 color: $white;
                 box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
                 border-color: transparent;
diff --git a/themes/default/theme/src/scss/_theme.scss b/themes/default/theme/src/scss/_theme.scss
index e9a3b8e257..5f06aaacf9 100644
--- a/themes/default/theme/src/scss/_theme.scss
+++ b/themes/default/theme/src/scss/_theme.scss
@@ -55,7 +55,7 @@
   --color-violet-300: #ccbde7;
   --color-violet-400: #b39cdb;
   --color-violet-500: #997bcf;
-  --color-violet-600: #805ac3;
+  --color-violet-600: #5a30c5;
   --color-violet-700: #66489c;
   --color-violet-800: #4d3675;
   --color-violet-900: #33244e;
diff --git a/themes/default/theme/src/scss/docs/_docs-main.scss b/themes/default/theme/src/scss/docs/_docs-main.scss
index 577bf14afa..e707b2a290 100644
--- a/themes/default/theme/src/scss/docs/_docs-main.scss
+++ b/themes/default/theme/src/scss/docs/_docs-main.scss
@@ -762,7 +762,7 @@ body.section-registry {
                 font-weight: 700;
 
                 &::before {
-                    background-color: #805ac3;
+                    background-color: #5a30c5;
                     border-radius: 50%;
                     width: 10px;
                     height: 10px;
diff --git a/themes/default/theme/src/scss/docs/_docs-top-nav.scss b/themes/default/theme/src/scss/docs/_docs-top-nav.scss
index bccacd395a..0eb9f1b77c 100644
--- a/themes/default/theme/src/scss/docs/_docs-top-nav.scss
+++ b/themes/default/theme/src/scss/docs/_docs-top-nav.scss
@@ -33,10 +33,6 @@ nav.actually-docs {
             align-items: center;
             gap: 18px;
 
-            div.get-started a.get-started-header-button {
-                margin-left: 0;
-            }
-
             @media (min-width: 640px){
                 gap: 36px;
             }
@@ -49,25 +45,6 @@ nav.actually-docs {
             }
         }
 
-        div.get-started {
-            a.get-started-header-button {
-                width: auto;
-                height: auto;
-                display: flex;
-                box-shadow: none;
-                color: #fff;
-                padding: 8px 16px;
-                border: 1px solid #805ac3;
-                border-radius: 20px;
-                background: linear-gradient(90deg,#be5188,#805ac3) border-box;
-
-                &:hover {
-                    color: #131314;
-                    background: transparent;
-                }
-            }
-        }
-
         ul.logo-nav-menu {
             position: absolute;
             top: 46px;
diff --git a/themes/default/theme/src/scss/main.scss b/themes/default/theme/src/scss/main.scss
index 861a989e2c..4867f61454 100644
--- a/themes/default/theme/src/scss/main.scss
+++ b/themes/default/theme/src/scss/main.scss
@@ -21,7 +21,7 @@ $sitenav-offset: calc($sitenav-height + 16px);
 @utility btn {
     transition: all 120ms linear;
     @apply cursor-pointer text-sm whitespace-nowrap py-2 px-3 rounded inline-block;
-    @apply bg-blue-600 border border-blue-600 text-white text-center;
+    @apply bg-violet-600 border border-violet-600 text-white text-center;
 }
 
 @utility btn-lg {
diff --git a/themes/default/theme/src/scss/marketing/_pulumi-up.scss b/themes/default/theme/src/scss/marketing/_pulumi-up.scss
index 5bbe4dac12..8f00da5439 100644
--- a/themes/default/theme/src/scss/marketing/_pulumi-up.scss
+++ b/themes/default/theme/src/scss/marketing/_pulumi-up.scss
@@ -95,7 +95,7 @@ body.section-pulumi-up {
     }
 
     .btn-primary:hover {
-        background:linear-gradient(90deg, #be5188 0%, #805ac3 100%)
+        background:linear-gradient(90deg, #be5188 0%, #5a30c5 100%)
     }
 
 }