diff --git a/README.md b/README.md
index 5bbe215..8ed762d 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 # commit-check.github.io
 
-[![Website](https://img.shields.io/static/v1?label=Website&message=commit-check.github.io&color=009485&logo=git&logoColor=white)](https://commit-check.github.io)
+[![Website](https://img.shields.io/static/v1?label=Website&message=commit-check.github.io&color=2c9ccd&logo=git&logoColor=white)](https://commit-check.github.io)
 
 This repository contains the source code for the [commit-check.github.io](https://commit-check.github.io) website.
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 99d06ee..969da68 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -3,27 +3,27 @@ th {
 }
 
 :root > * {
-    --commit-check-logo-color-green: #009485;
+    --commit-check-logo-color-blue: #2c9ccd;
     --commit-check-logo-color-yellow: #ffffff;
 }
 
 /* Custom theme colors to match commit-check branding */
 :root {
-    --md-primary-fg-color: #009485;
-    --md-primary-fg-color--light: #00a893;
-    --md-primary-fg-color--dark: #008077;
+    --md-primary-fg-color: #2c9ccd;
+    --md-primary-fg-color--light: #3badda;
+    --md-primary-fg-color--dark: #258bb8;
 }
 
 [data-md-color-scheme="default"] {
-    --md-primary-fg-color: #009485;
-    --md-primary-fg-color--light: #00a893;
-    --md-primary-fg-color--dark: #008077;
+    --md-primary-fg-color: #2c9ccd;
+    --md-primary-fg-color--light: #3badda;
+    --md-primary-fg-color--dark: #258bb8;
 }
 
 [data-md-color-scheme="slate"] {
-    --md-primary-fg-color: #009485;
-    --md-primary-fg-color--light: #00a893;
-    --md-primary-fg-color--dark: #008077;
+    --md-primary-fg-color: #2c9ccd;
+    --md-primary-fg-color--light: #3badda;
+    --md-primary-fg-color--dark: #258bb8;
 }
 
 /* Hero section styling */
diff --git a/mkdocs.yml b/mkdocs.yml
index 4ec53eb..4c8ca18 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -29,8 +29,8 @@ theme:
   palette:
     # Palette toggle for automatic mode
     - media: "(prefers-color-scheme)"
-      primary: teal
-      accent: teal
+      primary: blue
+      accent: light blue
       toggle:
         icon: material/brightness-auto
         name: Switch to light mode
@@ -38,8 +38,8 @@ theme:
     # Palette toggle for light mode
     - media: "(prefers-color-scheme: light)"
       scheme: default
-      primary: teal
-      accent: teal
+      primary: blue
+      accent: light blue
       toggle:
         icon: material/lightbulb-outline
         name: Switch to dark mode
@@ -47,8 +47,8 @@ theme:
     # Palette toggle for dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: teal
-      accent: teal
+      primary: blue
+      accent: light blue
       toggle:
         icon: material/lightbulb
         name: Switch to system preference