diff --git a/layouts/case-studies/list.html b/layouts/case-studies/list.html
index 13bbd46a0324..8c08f84b1d83 100644
--- a/layouts/case-studies/list.html
+++ b/layouts/case-studies/list.html
@@ -23,7 +23,7 @@ <h3 id="customer-stories">Customer Stories</h4>
                     </p>
                 </div>
             </div>
-            <div class="w-full md:w-1/2 bg-violet-600 p-8 flex rounded-tr-xl rounded-br-xl">
+            <div class="w-full md:w-1/2 bg-violet-700 p-8 flex rounded-tr-xl rounded-br-xl">
                 <div class="my-auto w-full">
                     {{ if .Params.featured_customer.headline_stat }}
                         <div class="text-6xl text-white font-extrabold my-auto pb-4">{{ .Params.featured_customer.headline_stat }}</div>
diff --git a/layouts/case-studies/single.html b/layouts/case-studies/single.html
index 5ad9089a68a7..29b4a0fef244 100644
--- a/layouts/case-studies/single.html
+++ b/layouts/case-studies/single.html
@@ -18,7 +18,7 @@
                         {{ end }}
                     </div>
                 </div>
-                <div class="w-full md:w-1/2 bg-violet-600 p-8 flex rounded-tr-xl rounded-br-xl">
+                <div class="w-full md:w-1/2 bg-violet-700 p-8 flex rounded-tr-xl rounded-br-xl">
                     <div class="my-auto w-full">
                         {{ if .Params.quote_block.headline_stat }}
                             <div class="text-6xl text-white font-extrabold my-auto pb-4">{{ .Params.quote_block.headline_stat }}</div>
diff --git a/layouts/index.html b/layouts/index.html
index 1608e7afef31..f8c7012a909e 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -236,7 +236,7 @@ <h3>{{ .Params.idp.title }}</h3>
     <!-- Built by engineers + tweets -->
     <section class="mt-16 mb-36 relative flex flex-col">
         <div class="container mx-auto px-3 overflow-hidden lg:overflow-visible">
-            <div class="w-full bg-violet-600 rounded-xl shadow p-16 lg:pb-56 align-top">
+            <div class="w-full bg-violet-700 rounded-xl shadow p-16 lg:pb-56 align-top">
                 <h2 class="text-white text-center">Open source. Built by engineers for engineers.</h2>
                 <div class="flex flex-col lg:flex-row items-center justify-center mb-4">
                     <a class="text-white text-lg bold underline flex self-start lg:self-auto mt-4 lg:mt-0 mx-auto lg:mx-0 lg:pr-1"
@@ -347,7 +347,7 @@ <h2 class="mb-12 text-center">Ready to try Pulumi?</h2>
         <div class="neo-icon-container">
             <img src="/icons/pdi-neo-purple.svg" alt="Pulumi Neo">
         </div>
-        <div class="neo-text-container text-violet-600">
+        <div class="neo-text-container text-violet-700">
             <div class="text-medium font-semibold">Neo mode</div>
         </div>
     </div>
@@ -393,8 +393,8 @@ <h2 class="text-3xl md:text-4xl lg:text-6xl font-semibold">What cloud infrastruc
             </div>
             <div class="neo-footer">
                 <p class="text-base">
-                    New to Pulumi Neo? <a href="/neo" class="no-underline font-bold text-violet-600">Learn more about
-                        Neo</a> or <a href="/docs/pulumi-cloud/neo/" class="no-underline font-bold text-violet-600">read
+                    New to Pulumi Neo? <a href="/neo" class="no-underline font-bold text-violet-700">Learn more about
+                        Neo</a> or <a href="/docs/pulumi-cloud/neo/" class="no-underline font-bold text-violet-700">read
                         the docs</a>.
                 </p>
             </div>
diff --git a/layouts/page/about.html b/layouts/page/about.html
index d596da7190e4..4a12f7a34dbc 100644
--- a/layouts/page/about.html
+++ b/layouts/page/about.html
@@ -76,7 +76,7 @@ <h4 class="font-display font-medium">{{ $value.title }}</h4>
             </div>
         </div>
         <div class="careers-cta py-6 w-full mt-28 bg-white">
-            <h4>Like what we stand for? <a href="{{ relref . "/careers" }}" class="font-bold text-blue-600">Join us.</a></h4>
+            <h4>Like what we stand for? <a href="{{ relref . "/careers" }}" class="font-bold text-blue-700">Join us.</a></h4>
             <p>We are looking for new teammates who want to build the future of cloud infrastructure together.</p>
         </div>
     </section>
@@ -143,24 +143,24 @@ <h3 class="font-medium text-6xl mb-8">Our journey</h3>
                 <div class="event text-lg text-gray-700">Pulumi Service launch</div>
                 <div class="event text-lg text-gray-700 mb-4">$15M Series A fundraise</div>
             </div>
-            <div class="text-fuchsia-600 mx-auto my-3 text-center">
+            <div class="text-fuchsia-700 mx-auto my-3 text-center">
                 <div class="year text-8xl mb-3 font-display font-bold">2019</div>
                 <div class="month text-3xl font-display font-bold">Sep</div>
                 <div class="event text-lg text-gray-700">Pulumi 1.0 launch</div>
             </div>
-            <div class="text-violet-600 mx-auto my-3 text-center">
+            <div class="text-violet-700 mx-auto my-3 text-center">
                 <div class="year text-8xl mb-3 font-display font-bold">2020</div>
                 <div class="month text-3xl font-display font-bold">Apr</div>
                 <div class="event text-lg text-gray-700 mb-4">Pulumi 2.0 launch</div>
                 <div class="month text-3xl font-display font-bold">Oct</div>
                 <div class="event text-lg text-gray-700 mb-4">$37.5M Series B fundraise</div>
             </div>
-            <div class="text-purple-600 mx-auto my-3 text-center">
+            <div class="text-purple-700 mx-auto my-3 text-center">
                 <div class="year text-8xl mb-3 font-display font-bold">2021</div>
                 <div class="month text-3xl font-display font-bold">Apr</div>
                 <div class="event text-lg text-gray-700 mb-4">Pulumi 3.0 launch</div>
             </div>
-            <div class="text-blue-600 mx-auto my-3 text-center">
+            <div class="text-blue-700 mx-auto my-3 text-center">
                 <div class="year text-8xl mb-3 font-display font-bold">2022</div>
                 <div class="month text-3xl font-display font-bold">May</div>
                 <div class="event text-lg text-gray-700 mb-4">Universal IaC Launch</div>
@@ -204,7 +204,7 @@ <h2 class="font-medium text-6xl mt-10 mb-8">Our awards &amp; recognition</h2>
                 {{ end }}
             </ul>
             <div>
-                <a class="inline-block mt-6 text-bold text-blue-600 mt-12 font-bold" href="{{ relref . "/awards" }}">View all achievements</a>
+                <a class="inline-block mt-6 text-bold text-blue-700 mt-12 font-bold" href="{{ relref . "/awards" }}">View all achievements</a>
             </div>
         </div>
     </section>
@@ -226,7 +226,7 @@ <h5 class="mt-2 mb-0">{{ .title }}</h5>
                         </li>
                     {{ end }}
                 </ul>
-                <a class="text-blue-600 font-bold" href="{{ relref . "newsroom" }}">View all press releases</a>
+                <a class="text-blue-700 font-bold" href="{{ relref . "newsroom" }}">View all press releases</a>
             </div>
             <div class="md:w/1-2 md:px-8">
                 <h3 class="text-center md:text-left font-medium text-6xl">Recent News</h3>
@@ -240,7 +240,7 @@ <h5 class="mt-2 mb-0">{{ .title }}</h5>
                         </li>
                     {{ end }}
                 </ul>
-                <a class="text-blue-600 font-bold" href="{{ relref . "newsroom" }}">View all recent news</a>
+                <a class="text-blue-700 font-bold" href="{{ relref . "newsroom" }}">View all recent news</a>
             </div>
         </div>
     </section>
diff --git a/layouts/page/ai-arch.html b/layouts/page/ai-arch.html
index fcbde8981160..39546fd7bcc4 100644
--- a/layouts/page/ai-arch.html
+++ b/layouts/page/ai-arch.html
@@ -68,7 +68,7 @@ <h5>{{ $benefit.title }}</h5>
 
         <div class="container mx-auto">
             <div class="w-full lg:w-2/3 px-4 py-2 lg:p-8 lg:px-4 mx-auto text-center">
-                <div class="lg:shadow-2xl bg-violet-600 p-8 lg:px-24 lg:pt-4 g:pb-12 rounded-xl">
+                <div class="lg:shadow-2xl bg-violet-700 p-8 lg:px-24 lg:pt-4 g:pb-12 rounded-xl">
                     <h4 class="text-white">{{ .Params.get_started.get_started.title }}</h4>
                     <p class="mb-12 text-white">{{ .Params.get_started.get_started.description }}</p>
                     <a href="{{ relref . "/contact?form=sales" }}" class="btn-secondary">{{ .Params.get_started.get_started.cta_text }}</a>
diff --git a/layouts/page/automation.html b/layouts/page/automation.html
index 700a6077046b..86fd2cf3db6b 100644
--- a/layouts/page/automation.html
+++ b/layouts/page/automation.html
@@ -427,7 +427,7 @@ <h4>Workshop</h4>
             </div>
         </div>
 
-        <div class="w-full bg-violet-600 rounded shadow p-16 pt-24 text-center">
+        <div class="w-full bg-violet-700 rounded shadow p-16 pt-24 text-center">
             <h2 class="text-white">Get started today</h2>
             <p class="text-white">To get started with Pulumi Automation API, visit the user guide in our documentation.</p>
             <div class="mt-16">
diff --git a/layouts/page/cloud-engineering.html b/layouts/page/cloud-engineering.html
index b6f4777589aa..c7caf1aa392c 100644
--- a/layouts/page/cloud-engineering.html
+++ b/layouts/page/cloud-engineering.html
@@ -236,7 +236,7 @@ <h2 class="text-center mb-16">{{ .Params.case_studies.title }}</h2>
         </section>
 
         <section id="get-started" class="container px-6 lg:px-0 mx-auto my-16">
-            <div class="w-full bg-violet-600 card p-6 lg:p-16 lg:pt-24 text-center">
+            <div class="w-full bg-violet-700 card p-6 lg:p-16 lg:pt-24 text-center">
                 <div class="max-w-xl mx-auto">
                     <h2 class="text-white hidden lg:block px-0 lg:px-16">{{ .Params.get_started.title }}</h2>
                     <h4 class="text-white mt-0 lg:hidden">{{ .Params.get_started.title }}</h4>
diff --git a/layouts/page/crosscode.html b/layouts/page/crosscode.html
index dbbace404644..392917ceab2a 100644
--- a/layouts/page/crosscode.html
+++ b/layouts/page/crosscode.html
@@ -56,7 +56,7 @@ <h5 class="mt-9 mb-6">{{ $item.title }}</h5>
 
     <section id="crosscode-questions" class="container px-6 lg:px-0 mx-auto my-28 px-6 flex justify-center">
         {{ with .Params.questions }}
-            <div class="w-full sm:w-10/12 bg-violet-600 card px-12 sm:px-20 py-16 text-center rounded-xl">
+            <div class="w-full sm:w-10/12 bg-violet-700 card px-12 sm:px-20 py-16 text-center rounded-xl">
                 <div class="max-w-lg mx-auto">
                     <h2 class="text-white mt-16">{{ .title }}</h2>
                     <p class="text-white">{{ .description }}</p>
diff --git a/layouts/page/crossguard.html b/layouts/page/crossguard.html
index 64196751f44c..3c1c200fd558 100644
--- a/layouts/page/crossguard.html
+++ b/layouts/page/crossguard.html
@@ -286,7 +286,7 @@ <h4>Continuous Delivery</h4>
     </section>
 
     <section id="get-started" class="container px-6 lg:px-0 mx-auto my-28 px-6">
-        <div class="w-full bg-violet-600 card p-6 lg:p-16 lg:pt-24 text-center">
+        <div class="w-full bg-violet-700 card p-6 lg:p-16 lg:pt-24 text-center">
             <div class="max-w-xl mx-auto">
                 <h2 class="text-white hidden lg:block px-0 lg:px-16">Getting Started with Policy as Code</h2>
                 <h4 class="text-white mt-0 lg:hidden">Getting Started with Policy as Code</h4>
diff --git a/layouts/page/home-b.html b/layouts/page/home-b.html
index a2392299aaf1..fc588b764989 100644
--- a/layouts/page/home-b.html
+++ b/layouts/page/home-b.html
@@ -282,7 +282,7 @@ <h3>{{ .Params.ai.title }}</h3>
     <!-- Built by engineers + tweets -->
     <section class="mt-16 mb-36 relative flex flex-col">
         <div class="container mx-auto px-3 overflow-hidden lg:overflow-visible">
-            <div class="w-full bg-violet-600 rounded-xl shadow p-16 lg:pb-56 align-top">
+            <div class="w-full bg-violet-700 rounded-xl shadow p-16 lg:pb-56 align-top">
                 <h2 class="text-white text-center">Built by engineers for engineers. Open source.</h2>
                 <div class="flex flex-col lg:flex-row items-center justify-center mb-4">
                     <a class="text-white text-lg bold underline flex self-start lg:self-auto mt-4 lg:mt-0 mx-auto lg:mx-0 lg:pr-1" href="https://slack.pulumi.com/"
diff --git a/layouts/page/leadership.html b/layouts/page/leadership.html
index 395e75267c96..51a56e34fe3a 100644
--- a/layouts/page/leadership.html
+++ b/layouts/page/leadership.html
@@ -4,7 +4,7 @@
 
 {{ define "main" }}
     <div class="container mx-auto mt-12  max-w-7xl">
-        <a class="text-blue-600 text-xl font-body ml-9 hidden sm:block" href="{{ relref . "/about" }}">
+        <a class="text-blue-700 text-xl font-body ml-9 hidden sm:block" href="{{ relref . "/about" }}">
             <i class="fas fa-arrow-left mr-4"></i>
             About
         </a>
@@ -21,7 +21,7 @@ <h2 class="mb-8 text-center">Our Leaders</h2>
                                     <div class="font-display font-medium text-gray-900 text-3xl mb-3">{{ .name }}</div>
                                     <div class="text-sm text-gray-700">{{ .title }}</div>
                                 </div>
-                                <div class="opacity-0 hover:opacity-95 bg-blue-600 h-full w-full absolute flex justify-center social-overlay">
+                                <div class="opacity-0 hover:opacity-95 bg-blue-700 h-full w-full absolute flex justify-center social-overlay">
                                     {{ partial "widgets/social-icons.html" (dict "social" .social) }}
                                 </div>
                             </div>
@@ -44,7 +44,7 @@ <h2 class="mb-8 text-center">Our Board of Directors</h2>
                                     <div class="text-sm text-gray-700">{{ .title }}</div>
                                     <div class="text-sm text-gray-700">{{ .investor }}</div>
                                 </div>
-                                <div class="opacity-0 hover:opacity-95 bg-blue-600 h-full w-full absolute flex justify-center social-overlay">
+                                <div class="opacity-0 hover:opacity-95 bg-blue-700 h-full w-full absolute flex justify-center social-overlay">
                                     {{ partial "widgets/social-icons.html" (dict "social" .social) }}
                                 </div>
                             </div>
diff --git a/layouts/page/microsoft-build.html b/layouts/page/microsoft-build.html
index 0cb4e22982b9..8da6c2b6f48e 100644
--- a/layouts/page/microsoft-build.html
+++ b/layouts/page/microsoft-build.html
@@ -52,7 +52,7 @@ <h5>{{ .title }}</h5>
                             <p>{{ .description }}</p>
                             <div class="my-8">
                                 <a href="{{ .link }}" class="btn-secondary">
-                                    <span class="text-violet-600">{{ .action }} &#8594;</span>
+                                    <span class="text-violet-700">{{ .action }} &#8594;</span>
                                 </a>
                             </div>
                         </div>
diff --git a/layouts/page/pricing.html b/layouts/page/pricing.html
index 1a6ec94e9af0..d75c285b329f 100644
--- a/layouts/page/pricing.html
+++ b/layouts/page/pricing.html
@@ -57,20 +57,20 @@ <h4 class="text-center font-bold">{{ $tier.title }}</h4>
                                 </div>
                                 {{ if eq $index 0 }}
                                     <div class="flex flex-wrap flex-col justify-center align-center items-center text-center my-4 h-14 lg:h-24 xl:h-14">
-                                        <a class="text-white text-s bg-violet-600 border-2 border-violet-600 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap" href="https://app.pulumi.com/signup">Sign up</a>
+                                        <a class="text-white text-s bg-violet-700 border-2 border-violet-700 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap" href="https://app.pulumi.com/signup">Sign up</a>
                                     </div>
                                 {{ else if eq $index 1 }}
                                     <div class="flex flex-wrap justify-center items-center text-center my-4 h-14 lg:h-24 xl:h-14">
-                                        <a class="text-white text-s bg-violet-600 border-2 border-violet-600 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap" href="https://app.pulumi.com/?create-organization=1">Start a free trial</a>
+                                        <a class="text-white text-s bg-violet-700 border-2 border-violet-700 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap" href="https://app.pulumi.com/?create-organization=1">Start a free trial</a>
                                     </div>
                                 {{ else if eq $index 2 }}
                                     <div class="flex flex-wrap justify-center items-center text-center my-4 h-14 lg:h-24 xl:h-14">
-                                        <a class="text-white text-s bg-violet-600 border-2 border-violet-600 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap mr-1 mb-0 lg:mb-1 xl:mb-0" href="https://app.pulumi.com/?create-organization=1">Start a free trial</a>
-                                        <a href="/contact/?form=sales" class="text-violet-600 text-s border-2 border-violet-600 rounded-lg py-2 px-2 hover:bg-violet-100">Contact sales</a>
+                                        <a class="text-white text-s bg-violet-700 border-2 border-violet-700 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap mr-1 mb-0 lg:mb-1 xl:mb-0" href="https://app.pulumi.com/?create-organization=1">Start a free trial</a>
+                                        <a href="/contact/?form=sales" class="text-violet-700 text-s border-2 border-violet-700 rounded-lg py-2 px-2 hover:bg-violet-100">Contact sales</a>
                                     </div>
                                 {{ else }}
                                     <div class="flex flex-wrap justify-center items-center text-center my-4 h-14 lg:h-24 xl:h-14">
-                                        <a class="text-white text-s bg-violet-600 border-2 border-violet-600 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap mr-1 mb-0 lg:mb-1 xl:mb-0" href="/contact/?form=sales">Contact sales</a>
+                                        <a class="text-white text-s bg-violet-700 border-2 border-violet-700 rounded-lg py-2 px-2 hover:bg-violet-500 text-nowrap mr-1 mb-0 lg:mb-1 xl:mb-0" href="/contact/?form=sales">Contact sales</a>
                                     </div>
                                 {{ end }}
                                 <div class="border-dotted border-2 border-gray-200 rounded-lg px-4">
@@ -169,7 +169,7 @@ <h3>{{ .header }}</h3>
                                             {{ if $row.tooltip }}
                                                 <span>
                                                     <pulumi-tooltip>
-                                                        <i class="w-8 ml-2 fas fa-info-circle text-blue-600"></i>
+                                                        <i class="w-8 ml-2 fas fa-info-circle text-blue-700"></i>
                                                         <span slot="content">{{ $row.tooltip }}</span>
                                                     </pulumi-tooltip>
                                                 </span>
@@ -187,7 +187,7 @@ <h3>{{ .header }}</h3>
                                                 {{ if $item.tooltip }}
                                                     <span>
                                                         <pulumi-tooltip>
-                                                            <i class="w-8 ml-2 fas fa-info-circle text-blue-600"></i>
+                                                            <i class="w-8 ml-2 fas fa-info-circle text-blue-700"></i>
                                                             <span slot="content">{{ $item.tooltip }}</span>
                                                         </pulumi-tooltip>
                                                     </span>
@@ -210,7 +210,7 @@ <h2 class="text-center">Frequently asked questions</h2>
         <span id="faq-billing"></span>
 
         <ul id="faq-headers" class="hidden lg:flex list-none mt-10">
-            <li class="px-10 py-3 mr-3 border-b-4 border-solid border-blue-600" data-faq-label="pricing">
+            <li class="px-10 py-3 mr-3 border-b-4 border-solid border-blue-700" data-faq-label="pricing">
                 <h4><a href="#faq-pricing" class="text-black">Pricing</a></h4>
             </li>
             <li class="px-10 py-3 mr-3" data-faq-label="product">
diff --git a/layouts/page/product-packages.html b/layouts/page/product-packages.html
index 062da7c3d22b..9dcf04f1f893 100644
--- a/layouts/page/product-packages.html
+++ b/layouts/page/product-packages.html
@@ -138,7 +138,7 @@ <h2 class="mb-8 text-center">{{ .Params.get_started.title }}</h2>
 
             <div class="lg:flex items-stretch">
                 <div class="w-full lg:w-1/2 px-4 py-2 lg:p-8 lg:px-4">
-                    <div class="lg:shadow-2xl bg-violet-600 p-8 lg:px-12 lg:pt-4 g:pb-12 rounded-xl h-full">
+                    <div class="lg:shadow-2xl bg-violet-700 p-8 lg:px-12 lg:pt-4 g:pb-12 rounded-xl h-full">
                         <h4 class="text-white">{{ .Params.get_started.browse.title }}</h4>
                         <p class="mb-12 text-white">{{ .Params.get_started.browse.description }}</p>
                         <a href="/registry/" class="btn-secondary">{{ .Params.get_started.browse.cta_text }}</a>
diff --git a/layouts/page/pulumi-up-2022.html b/layouts/page/pulumi-up-2022.html
index e15c20dd324f..06bf04a0b765 100644
--- a/layouts/page/pulumi-up-2022.html
+++ b/layouts/page/pulumi-up-2022.html
@@ -136,7 +136,7 @@ <h3>{{ .title }}</h3>
                         <p>{{ .description }}</p>
                         <div class="my-8">
                             <a href="{{ .url }}" class="btn-secondary">
-                                <span class="text-violet-600">Register Now &#8594;</span>
+                                <span class="text-violet-700">Register Now &#8594;</span>
                             </a>
                         </div>
                     </div>
diff --git a/layouts/page/pulumi-up.html b/layouts/page/pulumi-up.html
index 24b46776c007..3ff5624aa890 100644
--- a/layouts/page/pulumi-up.html
+++ b/layouts/page/pulumi-up.html
@@ -88,7 +88,7 @@ <h3 class="text-center">Supported by our friends at</h3>
     </section>
 
     <section id="get-started" class="container px-6 lg:px-0 mx-auto my-16">
-        <div class="w-full bg-violet-600 card p-6 lg:p-16 lg:pt-24 text-center">
+        <div class="w-full bg-violet-700 card p-6 lg:p-16 lg:pt-24 text-center">
             <div class="max-w-xl mx-auto">
                 <h2 class="text-white hidden lg:block px-0 lg:px-16">Get started with Cloud Engineering</h2>
                 <h4 class="text-white mt-0 lg:hidden">Get started with Cloud Engineering</h4>
diff --git a/layouts/page/reinvent.html b/layouts/page/reinvent.html
index 993cdbebfcea..57c7771aa799 100644
--- a/layouts/page/reinvent.html
+++ b/layouts/page/reinvent.html
@@ -3,7 +3,7 @@
         <div class="relative" style="max-width: 2400px; ">
         <img class="hidden xxl:block mx-auto w-full" style="max-height: 600px; max-width: 1500px; object-fit: cover;" src="/images/reinvent/reinvent-header-25.png" />
         <div class="hidden xxl:flex relative xxl:absolute py-16 xxl:py-0 xxl:pl-8 bg-violet-100 xxl:bg-transparent xxl:inset-0 flex-col items-center xxl:items-start justify-center text-center px-4 gap-y-8 xxl:text-left">
-            <div class="font-semibold text-violet-600">AWS + PULUMI - BETTER TOGETHER</div>
+            <div class="font-semibold text-violet-700">AWS + PULUMI - BETTER TOGETHER</div>
             <h1 class="text-4xl m-0">Meet with Pulumi at
             AWS re:Invent</h1>
             <p class="text-gray-600 text-2xl m-0">Infrastructure as Code, Now with Agentic AI at <b>Booth 1127</b></p>
@@ -15,7 +15,7 @@ <h1 class="text-4xl m-0">Meet with Pulumi at
 
         <div class="flex xxl:hidden relative py-16 flex-col items-center justify-center text-center px-4 gap-y-8"
             style="background: linear-gradient(90deg, white 0%, #ddd6fe 50%, white 100%);">
-            <div class="font-semibold text-violet-600">AWS + PULUMI - BETTER TOGETHER</div>
+            <div class="font-semibold text-violet-700">AWS + PULUMI - BETTER TOGETHER</div>
             <h1 class="text-4xl m-0">Meet with Pulumi at
                 AWS re:Invent</h1>
             <p class="text-gray-600 text-2xl m-0">Infrastructure as Code, Now with Agentic AI at <b>Booth 1127</b></p>
@@ -97,7 +97,7 @@ <h5>Restaurant Reception with Datadog</h5>
                         <img src="/images/reinvent/school.png" alt="Workshop" style="width: 40px; height: 40px;" />
                     </div>
                     <div>
-                        <p class="m-0 text-violet-600">ONLINE WORKSHOP</p>
+                        <p class="m-0 text-violet-700">ONLINE WORKSHOP</p>
                         <h5 class="m-0 my-3">Day 2 Autonomous Infrastructure Management</h5>
                     </div>
                     <div class="description">
@@ -193,7 +193,7 @@ <h3>AI-Driven Infrastructure Automation on AWS</h3>
         <a href="/request-a-demo/" class="btn-secondary">Request a Demo</a>
     </section> -->
 
-    <section class="w-full my-16 py-16 px-8 bg-violet-600">
+    <section class="w-full my-16 py-16 px-8 bg-violet-700">
         <div class="flex flex-col lg:flex-row justify-center items-center">
             <div class="container flex flex-col mr-32" style="width: auto; max-width: 1000px;">
                 <h3 class="text-white my-2 text-4xl">AI-Driven Infrastructure Automation on AWS</h3>
@@ -327,7 +327,7 @@ <h3 class="text-xl font-bold mb-0 text-left pl-6 ">James Connell</h3>
     </div>
 </section>
 
-<section class="w-full bg-violet-600 relative h-96">
+<section class="w-full bg-violet-700 relative h-96">
     <div class="container mx-auto flex flex-col lg:flex-row items-center justify-between gap-8 ">
         <div class="flex flex-col text-white w-full xl:w-1/2 py-4 px-4 md:py-16 md:px-8">
             <h3 class="text-white my-2 text-2xl md:text-4xl">Interested in learning more about Neo + Amazon Bedrock AgentCore?</h3>
diff --git a/layouts/page/solutions-use-case.html b/layouts/page/solutions-use-case.html
index e1ffd9faa7cb..9cf0ef9b7c11 100644
--- a/layouts/page/solutions-use-case.html
+++ b/layouts/page/solutions-use-case.html
@@ -102,7 +102,7 @@ <h6 class="text-center mb-10 lg:hidden">{{ .Params.customer_logos.title }}</h6>
             <h2 class="mb-8 text-center">{{ .Params.get_started.title }}</h2>
 
             <div class="w-full lg:w-2/3 px-4 py-2 lg:p-8 lg:px-4 mx-auto text-center">
-                <div class="lg:shadow-2xl bg-violet-600 p-8 lg:px-24 lg:pt-4 g:pb-12 rounded-xl">
+                <div class="lg:shadow-2xl bg-violet-700 p-8 lg:px-24 lg:pt-4 g:pb-12 rounded-xl">
                     <h4 class="text-white">{{ .Params.get_started.get_started.title }}</h4>
                     <p class="mb-24 text-white">{{ .Params.get_started.get_started.description }}</p>
                     <a href="{{ relref . "/contact?form=sales" }}" class="btn-secondary">{{ .Params.get_started.get_started.cta_text }}</a>
diff --git a/layouts/page/solutions.html b/layouts/page/solutions.html
index d7b29103cb61..f29ac5497548 100644
--- a/layouts/page/solutions.html
+++ b/layouts/page/solutions.html
@@ -181,7 +181,7 @@ <h2>
     </section>
 
     <section class="container mx-auto my-12 md:my-24 p-6 lg:p-0">
-        <div class="w-full bg-violet-600 rounded shadow p-16 pt-24 text-center">
+        <div class="w-full bg-violet-700 rounded shadow p-16 pt-24 text-center">
             <h2 class="text-white">{{ .Params.get_started.title }}</h2>
             <p class="text-white">{{ .Params.get_started.description }}</p>
             <div class="mt-16">
diff --git a/layouts/partials/blog/series-list-sidebar.html b/layouts/partials/blog/series-list-sidebar.html
index 64f635283c0a..010bd272911b 100644
--- a/layouts/partials/blog/series-list-sidebar.html
+++ b/layouts/partials/blog/series-list-sidebar.html
@@ -45,12 +45,12 @@ <h5 class="no-anchor text-lg font-semibold mb-4">All Blog Series</h5>
                                 <div class="bg-blue-100 border-l-4 border-blue-500 pl-3 py-2 rounded-r">
                                     <div class="text-sm font-semibold text-blue-900">{{ .title }}</div>
                                     <div class="text-xs text-blue-700 mt-1">{{ substr .description 0 50 }}{{ if gt (len .description) 50 }}...{{ end }}</div>
-                                    <div class="text-xs text-blue-600 mt-1">Current series</div>
+                                    <div class="text-xs text-blue-700 mt-1">Current series</div>
                                 </div>
                             {{ else }}
                                 <!-- Other series -->
                                 <div class="pl-3 py-1">
-                                    <a data-track="series-list" class="text-sm hover:text-blue-600" href="/blog/tag/{{ .slug }}/">
+                                    <a data-track="series-list" class="text-sm hover:text-blue-700" href="/blog/tag/{{ .slug }}/">
                                         <div class="font-medium">{{ .title }}</div>
                                         <div class="text-xs text-gray-600 mt-1">{{ substr .description 0 50 }}{{ if gt (len .description) 50 }}...{{ end }}</div>
                                     </a>
@@ -63,7 +63,7 @@ <h5 class="no-anchor text-lg font-semibold mb-4">All Blog Series</h5>
             
             <!-- Link to view all series -->
             <div class="mt-4 pt-3">
-                <a class="text-blue-600 text-sm" href="/blog/series/">View all series &rarr;</a>
+                <a class="text-blue-700 text-sm" href="/blog/series/">View all series &rarr;</a>
             </div>
         </div>
 
diff --git a/layouts/partials/blog/series-sidebar.html b/layouts/partials/blog/series-sidebar.html
index a7b4434e5072..8977f37e241f 100644
--- a/layouts/partials/blog/series-sidebar.html
+++ b/layouts/partials/blog/series-sidebar.html
@@ -75,7 +75,7 @@ <h5 class="no-anchor text-lg font-semibold mb-4">In This Series</h5>
                                     {{ if $titleSubText }}
                                         <div class="text-xs text-blue-700 mt-1">{{ $titleSubText }}</div>
                                     {{ end }}
-                                    <div class="text-xs text-blue-600 mt-1">Current post</div>
+                                    <div class="text-xs text-blue-700 mt-1">Current post</div>
                                 </div>
                             {{ else }}
                                 <!-- Other posts in series -->
@@ -93,7 +93,7 @@ <h5 class="no-anchor text-lg font-semibold mb-4">In This Series</h5>
                                 {{ else }}
                                     <!-- Published post -->
                                     <div class="pl-3 py-1">
-                                        <a data-track="series-post" class="text-sm hover:text-blue-600" href="{{ $post.RelPermalink }}">
+                                        <a data-track="series-post" class="text-sm hover:text-blue-700" href="{{ $post.RelPermalink }}">
                                             <div class="font-medium">{{ $titleMainText }}</div>
                                             {{ if $titleSubText }}
                                                 <div class="text-xs text-gray-600 mt-1">{{ $titleSubText }}</div>
@@ -108,7 +108,7 @@ <h5 class="no-anchor text-lg font-semibold mb-4">In This Series</h5>
                 
                 <!-- Link to view all series posts -->
                 <div class="mt-4 pt-3">
-                    <a class="text-blue-600 text-sm" href="/blog/tag/{{ $currentSeries | urlize }}/">View whole series &rarr;</a>
+                    <a class="text-blue-700 text-sm" href="/blog/tag/{{ $currentSeries | urlize }}/">View whole series &rarr;</a>
                 </div>
             </div>
         {{ end }}
diff --git a/layouts/partials/blog/sidebar.html b/layouts/partials/blog/sidebar.html
index f44a93c1962d..e4a435f649d0 100644
--- a/layouts/partials/blog/sidebar.html
+++ b/layouts/partials/blog/sidebar.html
@@ -71,7 +71,7 @@ <h5 class="no-anchor">Recent Posts</h5>
                 {{ end }}
             {{ end }}
         </ul>
-        <a class="text-blue-600 text-sm block m-1 mb-4" href="{{ relref . "/blog/tag" }}">All blog tags &rarr;</a>
+        <a class="text-blue-700 text-sm block m-1 mb-4" href="{{ relref . "/blog/tag" }}">All blog tags &rarr;</a>
         {{ end }}
     </div>
 
diff --git a/layouts/partials/content-tile.html b/layouts/partials/content-tile.html
index bc4888463b92..3d6da6968302 100644
--- a/layouts/partials/content-tile.html
+++ b/layouts/partials/content-tile.html
@@ -17,7 +17,7 @@
             <span class="block w-full h-full p-4 flex flex-col">
                 <span class="block pb-2 mb-4">
                     <div class="bg-violet-100 rounded-full inline-block p-4 w-16 h-16 flex items-center justify-center">
-                        <i class="fas fa-{{ .icon }} text-violet-600 text-3xl"></i>
+                        <i class="fas fa-{{ .icon }} text-violet-700 text-3xl"></i>
                     </div>
                 </span>
                 <span class="block">
diff --git a/layouts/partials/event-schedule.html b/layouts/partials/event-schedule.html
index 53d794a3cc0b..f65bf8b88268 100644
--- a/layouts/partials/event-schedule.html
+++ b/layouts/partials/event-schedule.html
@@ -30,7 +30,7 @@ <h2 class="text-center">{{ .schedule.heading }}</h2>
                             <input type="checkbox" id="chck{{ $index }}" />
                             <label class="schedule-item-label w-full" for="chck{{ $index }}">
                                 <div class="w-5/6 pr-2">{{ $item.title }}</div>
-                                <span class="text-violet-600 mr-2 accordion-details hidden md:block">Details</span>
+                                <span class="text-violet-700 mr-2 accordion-details hidden md:block">Details</span>
                             </label>
                             <div class="schedule-item-content">
                                 {{ $item.description | markdownify }}
diff --git a/layouts/partials/events/event-card.html b/layouts/partials/events/event-card.html
index c75845464836..64987fe59fbb 100644
--- a/layouts/partials/events/event-card.html
+++ b/layouts/partials/events/event-card.html
@@ -50,7 +50,7 @@ <h6 class="mt-2 mb-0 text-xl md:text-2xl">
                             {{ partial "events/tags.html" (dict "tags" .data.Params.main.tags) }}
                         {{ end }}
                     </span>
-                    <span class="text-blue-600 flex flex-col justify-end">
+                    <span class="text-blue-700 flex flex-col justify-end">
                         {{ if .data.Params.main.youtube_url }}
                             <div class="align-bottom">Watch on-demand<i class="fa fa-arrow-right ml-2"></i></div>
                         {{ else if .upcoming }}
diff --git a/layouts/partials/events/summary.html b/layouts/partials/events/summary.html
index f3b9621056a2..53c104219ee0 100644
--- a/layouts/partials/events/summary.html
+++ b/layouts/partials/events/summary.html
@@ -1,8 +1,8 @@
 <div class="container pr-4">
     {{ if .show_cloud }}
         <div class="mt-8 mb-4">
-            <i class="fas fa-info-circle text-blue-600 mr-1"></i>
-            <span class="text-md">This workshop is taught with Pulumi Cloud. <a href="https://app.pulumi.com/signup/" class="text-blue-600 cursor-pointer">Sign up for free</a> to follow along.</span>
+            <i class="fas fa-info-circle text-blue-700 mr-1"></i>
+            <span class="text-md">This workshop is taught with Pulumi Cloud. <a href="https://app.pulumi.com/signup/" class="text-blue-700 cursor-pointer">Sign up for free</a> to follow along.</span>
         </div>
     {{ end }}
     <div class="text-md my-4">{{ .description | markdownify }}</div>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 5cb3a1ebff9d..f7339a4a9ca5 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -522,7 +522,7 @@
                                 {{ partial "top-nav-user-toggle" }}
                             </a>
                         </div>
-                        <div class="text-center bg-violet-600 text-white get-started">
+                        <div class="text-center bg-violet-700 text-white get-started">
                             <a class="block" data-track="header-signup-mobile" href="https://app.pulumi.com/signup"
                                 title="Sign up for Pulumi Cloud"> Sign Up </a>
                         </div>
diff --git a/layouts/partials/home/console.html b/layouts/partials/home/console.html
index 2c91633a00e4..e9ccd30a5f3c 100644
--- a/layouts/partials/home/console.html
+++ b/layouts/partials/home/console.html
@@ -7,7 +7,7 @@
         </div>
     </div>
     <div style="height: 400px;">
-        <div class="bg-purple-600 py-4 px-6">
+        <div class="bg-purple-700 py-4 px-6">
             <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path
                     d="M10.1363 3.00616C7.53919 3.00616 5.42633 5.11762 5.42633 7.71299V15.1383C5.42633 15.6142 5.81243 16 6.28861 16C6.76479 16 7.15089 15.6142 7.15089 15.1383V7.71299C7.15089 6.06789 8.49009 4.72958 10.1363 4.72958C11.7825 4.72958 13.1217 6.06789 13.1217 7.71299C13.1217 9.3581 11.7825 10.6964 10.1363 10.6964C9.6601 10.6964 9.274 11.0822 9.274 11.5581C9.274 12.034 9.6601 12.4198 10.1363 12.4198C12.7334 12.4198 14.8462 10.3084 14.8462 7.71299C14.8462 5.11762 12.7334 3.00616 10.1363 3.00616Z"
@@ -82,14 +82,14 @@
                 <div class="py-4 px-4 text-xs">
                     <div class="bg-white p-4 rounded shadow">
                         <div class="flex items-center font-mono border-b border-gray-200 pb-5 mb-5">
-                            <div class="w-6"><i class="fas fa-cloud text-purple-600"></i></div>
+                            <div class="w-6"><i class="fas fa-cloud text-purple-700"></i></div>
                             <div class="w-1/2">
                                 <span>pulumi:providers:aws</span>
                             </div>
                             <div class="w-1/2">default_0_18_27</div>
                         </div>
                         <div class="flex items-center font-mono">
-                            <div class="w-6"><i class="fas fa-box text-purple-600"></i></div>
+                            <div class="w-6"><i class="fas fa-box text-purple-700"></i></div>
                             <div class="w-1/2">
                                 <span>aws:s3:Bucket</span>
                             </div>
diff --git a/layouts/partials/how-pulumi-works.html b/layouts/partials/how-pulumi-works.html
index d26e9be7011d..3a2d580a048d 100644
--- a/layouts/partials/how-pulumi-works.html
+++ b/layouts/partials/how-pulumi-works.html
@@ -134,7 +134,7 @@ <h3 class="ml-8">Deploy</h3>
                 </div>
                 <ul class="ml-8">
                     <li>Preview changes</li>
-                    <li>Run <code class="bg-violet-600 text-white">pulumi up</code> to deploy</li>
+                    <li>Run <code class="bg-violet-700 text-white">pulumi up</code> to deploy</li>
                     <li>Integrate with CI/CD</li>
                 </ul>
                 <img class="rounded shadow ml-6 my-6" src="/images/home/carousel-cli.png" class="shadow-xl" />
diff --git a/layouts/partials/learnmore-ai.html b/layouts/partials/learnmore-ai.html
index d5d1be354072..45539a439784 100644
--- a/layouts/partials/learnmore-ai.html
+++ b/layouts/partials/learnmore-ai.html
@@ -9,7 +9,7 @@
             <div>
                 <h4>Learn more</h3>
                 <p class="mb-6">Discover the getting started guides and learn about Pulumi concepts.</p>
-                <a class="text-blue-600 hover:text-blue-700 transition-colors" href="{{ relref . "/docs/" }}">Explore the docs &rarr;</a>
+                <a class="text-blue-700 hover:text-blue-700 transition-colors" href="{{ relref . "/docs/" }}">Explore the docs &rarr;</a>
             </div>
         </div>
         <div class="md:w-1/2 flex md:ml-6">
@@ -21,7 +21,7 @@ <h4>Learn more</h3>
             <div>
                 <h4>Pulumi AI</h3>
                 <p class="mb-6">Generate Pulumi infrastructure-as-code programs in any language.</p>
-                <a class="text-blue-600 hover:text-blue-700 transition-colors" href="/ai">Try Pulumi AI &rarr;</a>
+                <a class="text-blue-700 hover:text-blue-700 transition-colors" href="/ai">Try Pulumi AI &rarr;</a>
             </div>
         </div>
     </div>
diff --git a/layouts/partials/templates/left-nav.html b/layouts/partials/templates/left-nav.html
index dd326fccfd3c..ea4ba7355a5b 100644
--- a/layouts/partials/templates/left-nav.html
+++ b/layouts/partials/templates/left-nav.html
@@ -9,7 +9,7 @@
         <li class="">
             {{ with $template }}
                 <div class="text-base">
-                    <a class="text-blue-600" href="{{ relref . $template.RelPermalink }}">{{ .Title }}</a>
+                    <a class="text-blue-700" href="{{ relref . $template.RelPermalink }}">{{ .Title }}</a>
                 </div>
             {{ end }}
         </li>
diff --git a/layouts/partials/virtual-communities.html b/layouts/partials/virtual-communities.html
index f4ca749ed23f..c6cb19b0477e 100644
--- a/layouts/partials/virtual-communities.html
+++ b/layouts/partials/virtual-communities.html
@@ -1,4 +1,4 @@
-<section id="community" class="min-w-full my-0 py-16 bg-blue-600">
+<section id="community" class="min-w-full my-0 py-16 bg-blue-700">
     <div class="container mx-auto px-4 text-white text-left">
         <h3 class="text-white">Virtual Developer Communities</h3>
         <p class="text-white">Connect with us. Ask questions, find answers, and share your knowledge and grow with us.</p>
diff --git a/layouts/partner/aws.html b/layouts/partner/aws.html
index 1acc0aee2b2e..a8b4f9252b18 100644
--- a/layouts/partner/aws.html
+++ b/layouts/partner/aws.html
@@ -4,7 +4,7 @@
         style="background: linear-gradient(90deg, white 0%, #ddd6fe 50%, white 100%);">
         <div class="flex w-full mt-0 md:mt-4  md:w-1/2 justify-end">
             <div class="flex flex-col justify-start items-start gap-y-4" style="max-width: 600px;">
-                <div class="font-medium text-violet-600 uppercase text-base font-body">Official AWS Partnership</div>
+                <div class="font-medium text-violet-700 uppercase text-base font-body">Official AWS Partnership</div>
                 <h1 class="text-4xl m-0 font-semibold">Deploy AWS Infrastructure at the Speed of AI</h1>
                 <p class="text-gray-700 text-lg m-0">Built on 8 years of infrastructure-as-code expertise and enhanced
                     with
@@ -192,7 +192,7 @@ <h5 class="font-body m-0 my-3">One Platform for All AWS Workloads</h5>
     </div>
 </section>
 
-<section class="w-full my-16 py-16 px-8 bg-violet-600">
+<section class="w-full my-16 py-16 px-8 bg-violet-700">
     <div class="flex flex-col lg:flex-row justify-center items-center">
         <div class="container flex flex-col m-0 lg:mr-32" style="width: auto; max-width: 1000px;">
             <h3 class="text-white my-2 text-4xl">Agentic AI with Built-In Governance</h3>
@@ -345,7 +345,7 @@ <h5 class="text-display">Unified Solution For All Services</h5>
 
 </section>
 
-<section class="w-full bg-violet-600 relative" style="min-height: 578px;">
+<section class="w-full bg-violet-700 relative" style="min-height: 578px;">
     <div class="container mx-auto flex flex-col lg:flex-row items-center justify-between gap-8 ">
         <div class="flex flex-col text-white w-full xl:w-1/2 py-4 px-4 md:py-16 md:px-8">
             <h3 class="text-white my-2 text-2xl md:text-4xl">Interested in learning more about Neo + Amazon Bedrock
diff --git a/layouts/product/infrastructure-as-code.html b/layouts/product/infrastructure-as-code.html
index d7525d426f6f..1c9a49d436f9 100644
--- a/layouts/product/infrastructure-as-code.html
+++ b/layouts/product/infrastructure-as-code.html
@@ -166,7 +166,7 @@ <h4>{{ $item.sub_title }}</h4>
                         {{ range $feature := $item.features }}
                             <div class="w-full lg:w-1/3 px-4 mb-6 lg:mb-4">
                                 <div class="card bg-white p-6 h-full shadow-lg">
-                                    <h5 class="text-violet-600">{{ $feature.title }}</h5>
+                                    <h5 class="text-violet-700">{{ $feature.title }}</h5>
                                     <p class="key-feature-description mt-4">{{ $feature.description | markdownify }}</p>
                                 </div>
                             </div>
@@ -209,7 +209,7 @@ <h4>{{ $item.sub_title }}</h4>
                         {{ range $feature := $item.features }}
                             <div class="w-full lg:w-1/3 px-4 mb-6 lg:mb-4">
                                 <div class="card bg-white p-6 h-full shadow-lg">
-                                    <h5 class="text-violet-600">{{ $feature.title }}</h5>
+                                    <h5 class="text-violet-700">{{ $feature.title }}</h5>
                                     <p class="key-feature-description mt-4">{{ $feature.description | markdownify }}</p>
                                 </div>
                             </div>
diff --git a/layouts/product/private-previews.html b/layouts/product/private-previews.html
index 46b486fe7cc6..b38f7b679c67 100644
--- a/layouts/product/private-previews.html
+++ b/layouts/product/private-previews.html
@@ -49,7 +49,7 @@ <h2>{{ .title }}</h2>
     </section>
 
     <section id="learn" class="container mx-auto text-center mt-16 px-6">
-        <div class="w-full bg-violet-600 card p-6 lg:p-16 lg:pt-24 text-center">
+        <div class="w-full bg-violet-700 card p-6 lg:p-16 lg:pt-24 text-center">
             <div class="max-w-xl mx-auto">
                 <h2 class="text-white hidden lg:block px-0 lg:px-16">{{ .Params.learn.title }}</h2>
                 <h4 class="text-white mt-0 lg:hidden">{{ .Params.learn.title }}</h4>
diff --git a/layouts/product/pulumi-cloud.html b/layouts/product/pulumi-cloud.html
index d482ced93ffa..619711f46a02 100644
--- a/layouts/product/pulumi-cloud.html
+++ b/layouts/product/pulumi-cloud.html
@@ -30,7 +30,7 @@ <h2 class="text-center rainbow-text">{{ $section.header }}</h2>
                             {{ $tabclass := "" }}
                             {{ $textClass := "" }}
                             {{ if eq $index 0 }}
-                                {{ $tabclass = " border-blue-600 "}}
+                                {{ $tabclass = " border-blue-700 "}}
                                 {{ $textClass = "rainbow-text" }}
                             {{ end }}
                             <div id="{{ $subsection.tabid }}" class="text-2xl cursor-pointer p-2 px-6 rounded-t-lg border-b-4 {{ $tabclass }}">
@@ -151,7 +151,7 @@ <h2>{{ .title }}</h2>
     </section>
 
     <section id="get-started" class="container px-6 lg:px-0 mx-auto my-28">
-        <div class="w-full bg-violet-600 card p-6 lg:p-16 lg:pt-24 text-center">
+        <div class="w-full bg-violet-700 card p-6 lg:p-16 lg:pt-24 text-center">
             <div class="max-w-xl mx-auto">
                 <h2 class="text-white hidden lg:block px-0 lg:px-16">{{ .Params.get_started.title }}</h2>
                 <h4 class="text-white mt-0 lg:hidden">{{ .Params.get_started.title }}</h4>
diff --git a/layouts/product/self-hosted.html b/layouts/product/self-hosted.html
index e40dfd73cbae..c98a1c7b1df5 100644
--- a/layouts/product/self-hosted.html
+++ b/layouts/product/self-hosted.html
@@ -157,7 +157,7 @@ <h2 class="mt-9">{{ .title }}</h2>
 
     <section id="self-hosted-questions" class="container px-6 lg:px-0 mx-auto my-28 px-6 flex justify-center">
         {{ with .Params.questions }}
-            <div class="w-full sm:w-10/12 bg-violet-600 card px-12 sm:px-20 py-16 text-center rounded-xl">
+            <div class="w-full sm:w-10/12 bg-violet-700 card px-12 sm:px-20 py-16 text-center rounded-xl">
                 <div class="max-w-lg mx-auto">
                     <h2 class="text-white mt-16">{{ .title }}</h2>
                     <p class="text-white">{{ .description }}</p>
diff --git a/layouts/shortcodes/github-buttons.html b/layouts/shortcodes/github-buttons.html
index 76bcaa74c337..7c6bdb0e5cd5 100644
--- a/layouts/shortcodes/github-buttons.html
+++ b/layouts/shortcodes/github-buttons.html
@@ -21,7 +21,7 @@
 
                     {{ if $langName }}
                         <a
-                            class="flex flex-wrap items-center rounded text-xs text-white bg-blue-600 border-2 border-blue-600 px-2 mr-2 whitespace-nowrap hover:text-white"
+                            class="flex flex-wrap items-center rounded text-xs text-white bg-blue-700 border-2 border-blue-700 px-2 mr-2 whitespace-nowrap hover:text-white"
                             style="height: 32px"
                             href="https://github.com/pulumi/examples/tree/master/{{ $project }}"
                             target="_blank"
diff --git a/layouts/taxonomy/tag.html b/layouts/taxonomy/tag.html
index 819ab43a094c..d61509b7f1aa 100644
--- a/layouts/taxonomy/tag.html
+++ b/layouts/taxonomy/tag.html
@@ -39,7 +39,7 @@ <h1 class="no-anchor">{{ $currentSeries.title }}</h1>
                         {{ else }}
                             <h1 class="no-anchor">
                                 Posts Tagged
-                                <span class="text-blue-600">
+                                <span class="text-blue-700">
                                     {{ .Data.Term | lower }}
                                 </span>
                             </h1>
@@ -77,7 +77,7 @@ <h1 class="no-anchor">{{ $currentSeries.title }}</h1>
                         {{ else }}
                             <h1 class="no-anchor">
                                 Posts Tagged
-                                <span class="text-blue-600">
+                                <span class="text-blue-700">
                                     {{ .Data.Term | lower }}
                                 </span>
                             </h1>
diff --git a/layouts/taxonomy/taxonomy.html b/layouts/taxonomy/taxonomy.html
index 3152ac56b8cd..706b724ea6de 100644
--- a/layouts/taxonomy/taxonomy.html
+++ b/layouts/taxonomy/taxonomy.html
@@ -11,7 +11,7 @@
                 <header>
                     <h1 class="no-anchor">
                         {{ .Data.Singular | title }}:
-                        <span class="text-blue-600">
+                        <span class="text-blue-700">
                             {{ .Data.Term }}
                         </span>
                     </h1>
diff --git a/layouts/tutorials/module.html b/layouts/tutorials/module.html
index 616b00d82ed9..bf74f4fb810a 100644
--- a/layouts/tutorials/module.html
+++ b/layouts/tutorials/module.html
@@ -81,7 +81,7 @@ <h2>Topics</h2>
                                 </span>
                                 <span class="hidden md:block ">
                                     <a href="{{ .RelPermalink }}">
-                                        <i class="fas fa-chevron-circle-right text-blue-600 p-2"></i>
+                                        <i class="fas fa-chevron-circle-right text-blue-700 p-2"></i>
                                     </a>
                                 </span>
                             </li>
diff --git a/layouts/webinars/cloud-engineering-days-replay.html b/layouts/webinars/cloud-engineering-days-replay.html
index 7874da6df325..f225a17f2be7 100644
--- a/layouts/webinars/cloud-engineering-days-replay.html
+++ b/layouts/webinars/cloud-engineering-days-replay.html
@@ -150,7 +150,7 @@ <h5>Presenters</h5>
     </section>
 
     <section class="my-32 container mx-auto px-3">
-        <div class="w-full bg-violet-600 text-white rounded shadow p-16 text-center">
+        <div class="w-full bg-violet-700 text-white rounded shadow p-16 text-center">
             <h2 class="text-white">Get started today</h2>
             <p class="text-white">Pulumi is open source and free to get started. Deploy your first stack today.</p>
             <div class="mt-16">
diff --git a/layouts/webinars/cloud-engineering-summit-replay.html b/layouts/webinars/cloud-engineering-summit-replay.html
index 147acfcbc808..0f464192b715 100644
--- a/layouts/webinars/cloud-engineering-summit-replay.html
+++ b/layouts/webinars/cloud-engineering-summit-replay.html
@@ -162,7 +162,7 @@ <h5>Presenters</h5>
     </section>
 
     <section class="my-32 container mx-auto px-3">
-        <div class="w-full bg-violet-600 text-white rounded shadow p-16 text-center">
+        <div class="w-full bg-violet-700 text-white rounded shadow p-16 text-center">
             <h2 class="text-white">Get started today</h2>
             <p class="text-white">Pulumi is open source and free to get started. Deploy your first stack today.</p>
             <div class="mt-16">
diff --git a/layouts/webinars/single.html b/layouts/webinars/single.html
index 651353a53e6c..9d68d1fa8dda 100644
--- a/layouts/webinars/single.html
+++ b/layouts/webinars/single.html
@@ -15,9 +15,9 @@
             <div class="md:mx-auto w-full">
                 <a><div class=""></div></a>
                 {{ if .Params.main.youtube_url }}
-                    <a href="/events/#on-demand"><div class="text-blue-600 mb-4"><i class="fa fa-arrow-left mr-2"></i>All on-demand recordings</div></a>
+                    <a href="/events/#on-demand"><div class="text-blue-700 mb-4"><i class="fa fa-arrow-left mr-2"></i>All on-demand recordings</div></a>
                 {{ else }}
-                    <a href="/events/#upcoming"><div class="text-blue-600 mb-4"><i class="fa fa-arrow-left mr-2"></i>All upcoming events</div></a>
+                    <a href="/events/#upcoming"><div class="text-blue-700 mb-4"><i class="fa fa-arrow-left mr-2"></i>All upcoming events</div></a>
                 {{ end }}
                 <span class="font-medium">{{ .Params.main.event_type | upper }}</span>
                 <span class="text-gray-300">&#8226;</span>
diff --git a/layouts/what-is/single.html b/layouts/what-is/single.html
index 2c3078d59416..663285ce7357 100644
--- a/layouts/what-is/single.html
+++ b/layouts/what-is/single.html
@@ -56,7 +56,7 @@ <h4>{{ .title }}</h4>
 </section>
 
 <section id="get-started" class="container px-6 lg:px-0 mx-auto my-16">
-    <div class="w-full bg-violet-600 card p-6 lg:p-16 lg:pt-24 text-center">
+    <div class="w-full bg-violet-700 card p-6 lg:p-16 lg:pt-24 text-center">
         <div class="max-w-xl mx-auto">
                 <h2 class="text-white hidden lg:block px-0 lg:px-16">Get started today</h2>
                 <h4 class="text-white mt-0 lg:hidden">Get started today</h4>
diff --git a/theme/src/scss/_algolia.scss b/theme/src/scss/_algolia.scss
index fc37c16f08f5..88e78d651315 100644
--- a/theme/src/scss/_algolia.scss
+++ b/theme/src/scss/_algolia.scss
@@ -97,7 +97,7 @@
 
             // When active, show a strong underline.
             &.active, &.active:hover:not(.disabled) {
-                @apply text-gray-900 border-violet-600;
+                @apply text-gray-900 border-violet-700;
 
                 button {
                     img {
@@ -161,7 +161,7 @@
 
     // The highlight indicator (i.e., the portion of item, if any, that matches the search query).
     mark {
-        @apply bg-transparent border-b border-blue-600 border-opacity-50;
+        @apply bg-transparent border-b border-blue-700 border-opacity-50;
     }
 }
 
diff --git a/theme/src/scss/_api-nodejs.scss b/theme/src/scss/_api-nodejs.scss
index e8f31885fbea..02c055035015 100644
--- a/theme/src/scss/_api-nodejs.scss
+++ b/theme/src/scss/_api-nodejs.scss
@@ -16,7 +16,7 @@ h3.pdoc-module-header ~ h2 {
 // We want visually recognizable links here.
 .highlight {
     a {
-        @apply text-blue-600;
+        @apply text-blue-700;
 
         &:hover {
             @apply text-blue-700;
diff --git a/theme/src/scss/_buttons.scss b/theme/src/scss/_buttons.scss
index 5733962e8c30..4cd23d388ae5 100644
--- a/theme/src/scss/_buttons.scss
+++ b/theme/src/scss/_buttons.scss
@@ -5,7 +5,7 @@
     @include transition;
 
     @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-blue-700 border border-blue-700 text-white text-center;
 
     &:hover {
         @apply bg-blue-500 border-blue-500 text-white;
@@ -17,7 +17,7 @@
 }
 
 .btn-secondary {
-    @apply bg-white border border-blue-500 text-blue-600;
+    @apply bg-white border border-blue-500 text-blue-700;
 
     &:hover {
         @apply bg-blue-500 text-white;
diff --git a/theme/src/scss/_colors.scss b/theme/src/scss/_colors.scss
index b3d3eeab5b21..034b075031ea 100644
--- a/theme/src/scss/_colors.scss
+++ b/theme/src/scss/_colors.scss
@@ -22,122 +22,161 @@ $brand-blue: map-get($brand, "blue");
 
 $gray: (
     100: #f9f9f9,
-    112: #f9f9fa,
-    125: #f2f2f4,
-    150: #e5e5e9,
-    200: #e0e0e0,
-    300: #dcdcdc,
-    350: #bebfc9,
-    400: #b0b0b0,
-    450: #8e8f97,
-    500: #808080,
-    600: #5a5a5a,
-    650: #5f6065,
-    675: #4a5568,
-    700: #484848,
+    200: #dfdfdf,
+    300: #d0d0d2,
+    400: #aaa,
+    500: #8f8f90,
+    600: #757576,
+    700: #5b5b5b,
     800: #404041,
-    900: #2b2b2c,
-    925: #2f3032,
-    950: #131314,
+    900: #353537,
+    1000: #2b2b2c
 );
 
 $yellow: (
-    100: #fef9ea,
-    200: #fdf2d4,
-    300: #fce5aa,
-    400: #fad97f,
-    500: #f9cc55,
+    100: #fffcf5,
+    200: #fdf0ce,
+    300: #fce3a7,
+    400: #fad780,
+    500: #f9cb59,
     600: $brand-yellow,
-    700: #c69922,
-    800: #947319,
-    900: #634c11,
+    700: #987c37,
+    800: #685525,
+    900: #584412,
+    1000: #413005
 );
 
 $salmon: (
-    100: #fef1f2,
-    200: #fce2e5,
+    100: #fff7f8,
+    200: #fbd4d8,
     300: #fac5cb,
-    400: #f7a8b2,
-    500: #f58b98,
-    600: $brand-salmon,
-    700: #c25865,
-    800: #91424c,
-    900: #612c32,
+    400: #f9b7bf,
+    500: #f69aa5,
+    600: #f26e7e,
+    700: #c45966,
+    800: #902e3c,
+    900: #6c232d,
+    1000: #511a22
 );
 
 $fuchsia: (
-    100: #f8edf3,
-    200: #f2dbe7,
-    300: #e5b7ce,
-    400: #d794b6,
-    500: #ca709d,
-    600: $brand-fuchsia,
-    700: #973d6a,
-    800: #712e50,
-    900: #4c1e35,
+    100: #fff5fa,
+    200: #ffe8f3,
+    300: #ffd5eb,
+    400: #eeb2d1,
+    500: #de90b8,
+    600: #cd6e9e,
+    700: #bd4c85,
+    800: #872c5c,
+    900: #701c4d,
+    1000: #5a163e
 );
 
 $purple: (
-    100: #f3ebf4,
-    200: #e8d6e9,
-    300: #d0add3,
-    400: #b985bd,
-    500: #a15ca7,
-    600: $brand-purple,
-    700: #6e2974,
-    800: #531f57,
-    900: #37143a,
+    100: #fdf4fd,
+    200: #f6e6f7,
+    300: #edd3ef,
+    400: #d4abd7,
+    500: #bb83c0,
+    600: #a25ba8,
+    700: #8a3391,
+    800: #752d7b,
+    900: #0c0a0c,
+    1000: #421645
 );
 
 $violet: (
-    100: #f2eff9,
-    200: #e6def3,
-    300: #ccbde7,
-    400: #b39cdb,
-    500: #997bcf,
-    600: $brand-violet,
-    700: #66489c,
-    800: #4d3675,
-    900: #33244e,
+    100: #faf9fd,
+    200: #e5dff1,
+    300: #d7cdea,
+    400: #bba9da,
+    500: #a68ecf,
+    600: #9174c3,
+    700: #805ac3,
+    800: #673eac,
+    900: #481a96,
+    1000: #2d0472
 );
 
 $blue: (
-    100: #edeffb,
-    200: #dbdef7,
-    250: #cacef4,
-    300: #b8bdf0,
-    350: #a6adec,
-    400: #949de8,
-    450: #828ce4,
-    500: #717ce1,
-    600: $brand-blue,
-    700: #3e49ae,
-    750: #364098,
-    800: #2e3782,
-    850: #272e6d,
-    900: #1f2457,
+    100: #f9f9fe,
+    200: #dde0f8,
+    300: #cbd0f6,
+    400: #a5aced,
+    500: #8992e8,
+    600: #6d79e2,
+    700: #4d5bd9,
+    800: #3545d7,
+    900: #091bbf,
+    1000: #000280
 );
 
 $orange: (
-    100: #fff7eb,
-    200: #fde6c4,
-    300: #fad49e,
-    400: #f6ba7e,
-    500: #ee975c,
-    600: #e17d47,
-    700: #d86131,
-    800: #ba4a2c,
-    900: #993d29,
+    100: #fefbf8,
+    200: #f8e1cc,
+    300: #f3c9a5,
+    400: #ecac74,
+    500: #e69148,
+    600: #e0771c,
+    700: #aa5a15,
+    800: #733d0e,
+    900: #652d00,
+    1000: #4e1d00
 );
 
 $green: (
-    100: #e0fff2,
-    200: #b2fbe0,
-    300: #81eeca,
-    400: #4ce1b4,
-    500: #2fc89f,
-    600: #25a78b,
-    700: #1d8673,
-    800: #19675b,
-    900: #155148,
+    100: #f8faf8,
+    200: #d8e5d7,
+    300: #c1d4bf,
+    400: #99ba96,
+    500: #79a476,
+    600: #5a8f55,
+    700: #3a7a35,
+    800: #1a6414,
+    900: #095703,
+    1000: #004200
 );
+
+$aqua: (
+    // Background 1
+    100: #f7fcfc,
+    // Background 2
+    200: #d1eeee,
+    // Background 3
+    300: #b4e3e2,
+
+    400: #84d2d1,
+    500: #56bfbc,
+
+    // Tertiary
+    600: #30a2a0,
+    // Secondary
+    700: #26817f,
+    // Primary
+    800: #1b5e5c,
+
+    900: #144746,
+    1000: #0c2f2f
+);
+
+$red: (
+    // Background 1
+    100: #fcf9f9,
+    // Background 2
+    200: #efdada,
+    // Background 3
+    300: #e7caca,
+
+    400: #d49e9e,
+    500: #c68080,
+
+    // Tertiary
+    600: #b96262,
+    // Secondary
+    700: #ab4444,
+    // Primary, Error, Destructive
+    800: #9e2626,
+
+    900: #890b0b,
+    1000: #670000
+);
\ No newline at end of file
diff --git a/theme/src/scss/_header.scss b/theme/src/scss/_header.scss
index 0a16c50e84ee..d53f39253240 100644
--- a/theme/src/scss/_header.scss
+++ b/theme/src/scss/_header.scss
@@ -555,12 +555,12 @@
     .get-started-pinned-search-container {
         width: 136px;
         .get-started-pinned-search-button {
-            @apply flex items-center justify-center text-violet-600 text-sm;
+            @apply flex items-center justify-center text-violet-700 text-sm;
             height: 33px;
 
             padding: 8px 16px;
 
-            border: 1px solid theme("colors.violet.600");
+            border: 1px solid theme("colors.violet.700");
             border-radius: 20px;
             width: max-content;
 
diff --git a/theme/src/scss/_hero.scss b/theme/src/scss/_hero.scss
index 499588c49c68..127c24d5f7a1 100644
--- a/theme/src/scss/_hero.scss
+++ b/theme/src/scss/_hero.scss
@@ -11,10 +11,10 @@
 
     $bc1: theme("colors.yellow.600");
     $bc2: theme("colors.salmon.600");
-    $bc3: theme("colors.fuchsia.600");
-    $bc4: theme("colors.purple.600");
-    $bc5: theme("colors.violet.600");
-    $bc6: theme("colors.blue.600");
+    $bc3: theme("colors.fuchsia.700");
+    $bc4: theme("colors.purple.700");
+    $bc5: theme("colors.violet.700");
+    $bc6: theme("colors.blue.700");
 
     background-image: linear-gradient(to right, $bc1 0%, $bc2 10%, $bc3 20%, $bc4 30%, $bc5 40%, $bc6 50%, $bc5 60%, $bc4 70%, $bc3 80%, $bc2 90%, $bc1 100%);
     background-size: 200%;
diff --git a/theme/src/scss/_hubspot.scss b/theme/src/scss/_hubspot.scss
index c620318effbe..1009e6bba987 100644
--- a/theme/src/scss/_hubspot.scss
+++ b/theme/src/scss/_hubspot.scss
@@ -111,7 +111,7 @@
             }
 
             &.hs-button {
-                @apply block btn btn-lg btn border-none py-3 px-6 rounded-lg w-auto bg-violet-600 ml-2;
+                @apply block btn btn-lg btn border-none py-3 px-6 rounded-lg w-auto bg-violet-700 ml-2;
             }
 
             &:focus {
diff --git a/theme/src/scss/_icons.scss b/theme/src/scss/_icons.scss
index ac18484f69e9..5025d316e5f5 100644
--- a/theme/src/scss/_icons.scss
+++ b/theme/src/scss/_icons.scss
@@ -88,7 +88,7 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-fuchsia-100;
 
             svg * {
-                stroke: theme("colors.fuchsia.600");
+                stroke: theme("colors.fuchsia.700");
             }
         }
 
@@ -96,7 +96,7 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-purple-100;
 
             svg * {
-                stroke: theme("colors.purple.600");
+                stroke: theme("colors.purple.700");
             }
         }
 
@@ -104,7 +104,7 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-violet-100;
 
             svg * {
-                stroke: theme("colors.violet.600");
+                stroke: theme("colors.violet.700");
             }
         }
 
@@ -112,7 +112,7 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-blue-100;
 
             svg * {
-                stroke: theme("colors.blue.600");
+                stroke: theme("colors.blue.700");
             }
         }
     }
@@ -161,8 +161,8 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-fuchsia-100;
 
             svg * {
-                stroke: theme("colors.fuchsia.600");
-                fill: theme("colors.fuchsia.600") !important;
+                stroke: theme("colors.fuchsia.700");
+                fill: theme("colors.fuchsia.700") !important;
             }
         }
 
@@ -170,12 +170,12 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-purple-100;
 
             svg * {
-                stroke: theme("colors.purple.600");
-                fill: theme("colors.purple.600");
+                stroke: theme("colors.purple.700");
+                fill: theme("colors.purple.700");
             }
 
             svg rect {
-                fill: theme("colors.purple.600");
+                fill: theme("colors.purple.700");
             }
         }
 
@@ -183,8 +183,8 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-violet-100;
 
             svg * {
-                stroke: theme("colors.violet.600");
-                fill: theme("colors.violet.600") !important;
+                stroke: theme("colors.violet.700");
+                fill: theme("colors.violet.700") !important;
             }
         }
 
@@ -192,8 +192,8 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-blue-100;
 
             svg * {
-                stroke: theme("colors.blue.600");
-                fill: theme("colors.blue.600") !important;
+                stroke: theme("colors.blue.700");
+                fill: theme("colors.blue.700") !important;
             }
         }
     }
@@ -251,11 +251,11 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-fuchsia-100;
 
             svg * {
-                stroke: theme("colors.fuchsia.600");
+                stroke: theme("colors.fuchsia.700");
             }
 
             svg rect {
-                fill: theme("colors.fuchsia.600");
+                fill: theme("colors.fuchsia.700");
             }
         }
 
@@ -263,11 +263,11 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-purple-100;
 
             svg * {
-                stroke: theme("colors.purple.600");
+                stroke: theme("colors.purple.700");
             }
 
             svg rect {
-                fill: theme("colors.purple.600");
+                fill: theme("colors.purple.700");
             }
         }
 
@@ -275,11 +275,11 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-violet-100;
 
             svg * {
-                stroke: theme("colors.violet.600");
+                stroke: theme("colors.violet.700");
             }
 
             svg rect {
-                fill: theme("colors.violet.600");
+                fill: theme("colors.violet.700");
             }
         }
 
@@ -287,11 +287,11 @@ $fa-font-path: "/fonts/fontawesome";
             @apply bg-blue-100;
 
             svg * {
-                stroke: theme("colors.blue.600");
+                stroke: theme("colors.blue.700");
             }
 
             svg rect {
-                fill: theme("colors.blue.600");
+                fill: theme("colors.blue.700");
             }
         }
     }
diff --git a/theme/src/scss/_lists.scss b/theme/src/scss/_lists.scss
index e8fb2a7a8ae2..992af254e7a4 100644
--- a/theme/src/scss/_lists.scss
+++ b/theme/src/scss/_lists.scss
@@ -65,7 +65,7 @@ dl {
             }
 
             a {
-                @apply text-blue-600;
+                @apply text-blue-700;
             }
         }
 
@@ -124,7 +124,7 @@ dl {
             .property-type {
                 @apply block font-normal font-mono mt-2 text-xs;
                 a {
-                    @apply text-blue-600;
+                    @apply text-blue-700;
                 }
             }
 
diff --git a/theme/src/scss/_marketing.scss b/theme/src/scss/_marketing.scss
index 2b05cfeca2f6..bc76367e91ca 100644
--- a/theme/src/scss/_marketing.scss
+++ b/theme/src/scss/_marketing.scss
@@ -84,7 +84,7 @@ body {
     }
 
     .btn-secondary {
-        @apply bg-white text-violet-600 border-2 border-violet-600;
+        @apply bg-white text-violet-700 border-2 border-violet-700;
         @include transition;
 
         &.disabled {
@@ -92,7 +92,7 @@ body {
         }
 
         &:hover {
-            @apply bg-violet-600 text-white;
+            @apply bg-violet-700 text-white;
         }
 
         &:focus {
@@ -101,13 +101,13 @@ body {
     }
 
     // Make the borders transparent when the button is over a background of the same color.
-    .bg-violet-600 .btn-secondary {
+    .bg-violet-700 .btn-secondary {
         @apply border-transparent;
     }
 
-    // white secondary button for violet-600 background
+    // white secondary button for violet-700 background
     .btn-secondary-home-action {
-        @apply bg-violet-600 text-white border-2 border-white whitespace-normal;
+        @apply bg-violet-700 text-white border-2 border-white whitespace-normal;
         @include transition;
 
         &.disabled {
diff --git a/theme/src/scss/_mixins.scss b/theme/src/scss/_mixins.scss
index 12ae61b71142..0fee03bcaab1 100644
--- a/theme/src/scss/_mixins.scss
+++ b/theme/src/scss/_mixins.scss
@@ -22,11 +22,11 @@
 }
 
 @mixin gradient-background() {
-    background: linear-gradient(90deg, #be5188 0%, theme("colors.violet.600") 100%);
+    background: linear-gradient(90deg, #be5188 0%, theme("colors.violet.700") 100%);
 }
 
 @mixin gradient-button {
-    @apply relative text-white bg-violet-600 border-violet-600 border-2 rounded-lg cursor-pointer z-auto;
+    @apply relative text-white bg-violet-700 border-violet-700 border-2 rounded-lg cursor-pointer z-auto;
 
     &:hover {
         @apply no-underline;
@@ -68,6 +68,6 @@
     }
 
     &:focus {
-        @apply bg-blue-600 border-blue-600;
+        @apply bg-blue-700 border-blue-700;
     }
 }
diff --git a/theme/src/scss/_search.scss b/theme/src/scss/_search.scss
index b6ba8375ab5f..f0db77766815 100644
--- a/theme/src/scss/_search.scss
+++ b/theme/src/scss/_search.scss
@@ -11,7 +11,7 @@
             @apply flex flex-grow gap-3 items-center font-display text-base py-3 px-6 border-b-4 mt-1 border-transparent text-gray-700;
 
             &.tab-selected {
-                @apply font-bold border-violet-600 text-gray-900 bg-gray-100;
+                @apply font-bold border-violet-700 text-gray-900 bg-gray-100;
             }
 
             img {
diff --git a/theme/src/scss/components/_audio.scss b/theme/src/scss/components/_audio.scss
index fa7113348342..dbc3167bdc00 100644
--- a/theme/src/scss/components/_audio.scss
+++ b/theme/src/scss/components/_audio.scss
@@ -3,7 +3,7 @@ $orange400: theme("colors.orange.400");
 $orange600: theme("colors.orange.600");
 
 $blue400: theme("colors.blue.400");
-$blue600: theme("colors.blue.600");
+$blue600: theme("colors.blue.700");
 
 $green200: theme("colors.green.200");
 $green400: theme("colors.green.400");
diff --git a/theme/src/scss/components/_convert.scss b/theme/src/scss/components/_convert.scss
index e1e4f6d42591..37188b278727 100644
--- a/theme/src/scss/components/_convert.scss
+++ b/theme/src/scss/components/_convert.scss
@@ -66,7 +66,7 @@ pulumi-convert {
 
                 p {
                     a {
-                        @apply text-blue-600;
+                        @apply text-blue-700;
 
                         &:hover {
                             @apply underline;
diff --git a/theme/src/scss/docs/_packages.scss b/theme/src/scss/docs/_packages.scss
index d64078e7c0b7..fb07a4232b83 100644
--- a/theme/src/scss/docs/_packages.scss
+++ b/theme/src/scss/docs/_packages.scss
@@ -135,7 +135,7 @@
     .all-packages .package {
         a:hover {
             .title {
-                @apply text-blue-600 underline;
+                @apply text-blue-700 underline;
             }
         }
     }
diff --git a/theme/src/scss/main.scss b/theme/src/scss/main.scss
index 33ff647ddc98..0dccf7eca865 100644
--- a/theme/src/scss/main.scss
+++ b/theme/src/scss/main.scss
@@ -160,7 +160,7 @@ main {
     blockquote,
     table {
         a {
-            @apply text-blue-600 break-words;
+            @apply text-blue-700 break-words;
 
             &:hover {
                 @apply text-blue-700;
@@ -221,14 +221,14 @@ main {
             @apply lowercase border border-blue-200 rounded py-1 px-2 mr-1;
 
             &.tag-blog {
-                @apply bg-gray-100 text-blue-600;
+                @apply bg-gray-100 text-blue-700;
 
                 &:hover {
                     @apply border-blue-300 text-blue-700 no-underline;
                 }
 
                 &.active {
-                    @apply border-blue-600 bg-blue-600 text-white;
+                    @apply border-blue-700 bg-blue-700 text-white;
 
                     &:hover {
                         @apply text-white;
@@ -403,7 +403,7 @@ section.newsletter-input pulumi-hubspot-form input.hs-input {
 }
 #segment-consent-manager {
 
-    @apply text-black fixed bottom-0 right-0 left-0 m-4 border-2 border-violet-600 rounded-lg shadow-lg;
+    @apply text-black fixed bottom-0 right-0 left-0 m-4 border-2 border-violet-700 rounded-lg shadow-lg;
     z-index: 99999;
 
     @screen lg {
@@ -432,7 +432,7 @@ section.newsletter-input pulumi-hubspot-form input.hs-input {
     }
 
     .manage-cookies-btn {
-        @apply mt-2 bg-violet-600 text-white font-bold border-2 border-violet-600 no-underline p-3 rounded-md;
+        @apply mt-2 bg-violet-700 text-white font-bold border-2 border-violet-700 no-underline p-3 rounded-md;
         @include transition;
 
         &.disabled {
diff --git a/theme/src/scss/marketing/_pricing.scss b/theme/src/scss/marketing/_pricing.scss
index b581f282691b..a8ab643a7c7b 100644
--- a/theme/src/scss/marketing/_pricing.scss
+++ b/theme/src/scss/marketing/_pricing.scss
@@ -74,7 +74,7 @@
             }
 
             .compare-table-link {
-                @apply underline text-blue-600;
+                @apply underline text-blue-700;
             }
         }
     }
@@ -93,7 +93,7 @@
                 }
 
                 li[data-faq-label="#{$filter-type}"] {
-                    @apply border-b-4 border-solid border-blue-600;
+                    @apply border-b-4 border-solid border-blue-700;
 
                     a {
                         @apply text-black;
diff --git a/theme/src/scss/marketing/_product.scss b/theme/src/scss/marketing/_product.scss
index e5d998aa4d38..60ff76019415 100644
--- a/theme/src/scss/marketing/_product.scss
+++ b/theme/src/scss/marketing/_product.scss
@@ -3,7 +3,7 @@
         @apply text-gray-700 underline;
 
         &:hover {
-            @apply text-blue-600;
+            @apply text-blue-700;
         }
     }
 }
diff --git a/theme/src/scss/marketing/_shape-backgrounds.scss b/theme/src/scss/marketing/_shape-backgrounds.scss
index cab8bfeb42fd..a0b03e0e0a82 100644
--- a/theme/src/scss/marketing/_shape-backgrounds.scss
+++ b/theme/src/scss/marketing/_shape-backgrounds.scss
@@ -33,7 +33,7 @@
         }
 
          .circle-bottom-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 12rem;
             height: 12rem;
             left: 0rem;
@@ -51,7 +51,7 @@
 
     &.about-what-we-believe {
          .circle-top-left {
-            @apply rounded-full absolute bg-fuchsia-600;
+            @apply rounded-full absolute bg-fuchsia-700;
             width: 22rem;
             height: 22rem;
             left: .75rem;
@@ -75,7 +75,7 @@
         }
 
          .circle-bottom-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 5.5rem;
             height: 5.5rem;
             left: 0rem;
@@ -165,7 +165,7 @@
         }
 
         .circle-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 10.5rem;
             height: 10.5rem;
             left: -5.25rem;
@@ -173,7 +173,7 @@
         }
 
         .circle-right {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 20.25rem;
             height: 20.25rem;
             right: -1.5rem;
@@ -201,7 +201,7 @@
 
     &.home-video-section {
         .circle-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 13.75rem;
             height: 13.75rem;
             left: 2rem;
@@ -300,7 +300,7 @@
 
         .circle-left,
         .circle-right {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
         }
 
         .circle-left {
@@ -333,7 +333,7 @@
         }
 
         .circle-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 20.25rem;
             height: 20.25rem;
             left: -1.5rem;
@@ -341,7 +341,7 @@
         }
 
         .circle-right {
-            @apply rounded-full absolute bg-purple-600 top-0;
+            @apply rounded-full absolute bg-purple-700 top-0;
             width: 10.5rem;
             height: 10.5rem;
             right: -5.25rem;
@@ -486,7 +486,7 @@
 
     &.cloud-engineering-manage-section {
         .circle-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 20.25rem;
             height: 20.25rem;
             left: -10rem;
@@ -494,7 +494,7 @@
         }
 
         .circle-right {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 8.313rem;
             height: 8.313rem;
             right: 6rem;
@@ -522,7 +522,7 @@
 
     &.cloud-engineering-use-cases-section {
         .circle-right {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 13.25rem;
             height: 13.25rem;
             right: -6.125rem;
@@ -570,7 +570,7 @@
         }
 
         .circle-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 12.75rem;
             height: 12.75rem;
             left: -6.375rem;
@@ -701,7 +701,7 @@
         }
 
         .circle-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 12.5rem;
             height: 12.5rem;
             left: -6.25rem;
@@ -719,7 +719,7 @@
         }
 
         .circle-right {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 12.5rem;
             height: 12.5rem;
             right: -6.25rem;
@@ -744,7 +744,7 @@
         }
 
         .circle-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 12.5rem;
             height: 12.5rem;
             left: -6.25rem;
@@ -807,7 +807,7 @@
         }
 
         .circle-bottom {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 20.25rem;
             height: 20.25rem;
             bottom: -2rem;
@@ -819,7 +819,7 @@
         height: 48rem;
 
         .circle-right {
-            @apply rounded-full absolute bg-blue-600;
+            @apply rounded-full absolute bg-blue-700;
             width: 19rem;
             height: 19rem;
             right: -8.5rem;
@@ -827,7 +827,7 @@
         }
 
         .circle-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 12.75rem;
             height: 12.75rem;
             left: -6.375rem;
@@ -855,7 +855,7 @@
 
     &.automation-video {
         .circle-left {
-            @apply rounded-full absolute bg-violet-600;
+            @apply rounded-full absolute bg-violet-700;
             width: 5rem;
             height: 5rem;
             left: -2.5rem;
@@ -863,7 +863,7 @@
         }
 
         .circle-right {
-            @apply rounded-full absolute bg-fuchsia-600;
+            @apply rounded-full absolute bg-fuchsia-700;
             width: 8rem;
             height: 8rem;
             right: -4rem;
@@ -901,7 +901,7 @@
 
     &.pulumi-service-capabilities {
         .circle-top {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 19rem;
             height: 19rem;
             right: -9.5rem;
@@ -927,7 +927,7 @@
 
     &.pulumi-service-security {
         .circle-right {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 20rem;
             height: 20rem;
             left: -10rem;
@@ -937,7 +937,7 @@
 
     &.self-hosted-overview {
         .circle-right {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 12rem;
             height: 12rem;
             right: -7rem;
@@ -973,7 +973,7 @@
         }
 
         .circle-left {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 12.75rem;
             height: 12.75rem;
             left: -6rem;
@@ -1001,7 +1001,7 @@
 
     &.developer-advocates-giveaway-section {
         .circle-top {
-            @apply rounded-full absolute bg-purple-600;
+            @apply rounded-full absolute bg-purple-700;
             width: 10rem;
             height: 10rem;
             right: -4.5rem;
diff --git a/theme/src/ts/pulumi-cloud.ts b/theme/src/ts/pulumi-cloud.ts
index 83178a240c16..22a847eddee7 100644
--- a/theme/src/ts/pulumi-cloud.ts
+++ b/theme/src/ts/pulumi-cloud.ts
@@ -8,11 +8,11 @@ $(function () {
             productTabs.forEach(id => {
                 if (id !== tab) {
                     $(`#${id}-content`).addClass("hidden");
-                    $(`#${id}`).removeClass("border-blue-600");
+                    $(`#${id}`).removeClass("border-blue-700");
                     $(`#${id}-text`).removeClass("rainbow-text");
                 }
             });
-            $(`#${tab}`).addClass("border-blue-600");
+            $(`#${tab}`).addClass("border-blue-700");
             $(`#${tab}-text`).addClass("rainbow-text")
             $(`#${tab}-content`).removeClass("hidden")
         });
@@ -23,11 +23,11 @@ $(function () {
             capabilityTabs.forEach(id => {
                 if (id !== tab) {
                     $(`#${id}-content`).addClass("hidden");
-                    $(`#${id}`).removeClass("border-blue-600");
+                    $(`#${id}`).removeClass("border-blue-700");
                     $(`#${id}-text`).removeClass("rainbow-text");
                 }
             });
-            $(`#${tab}`).addClass("border-blue-600");
+            $(`#${tab}`).addClass("border-blue-700");
             $(`#${tab}-text`).addClass("rainbow-text")
             $(`#${tab}-content`).removeClass("hidden")
         });