diff --git a/_layouts/main.html b/_layouts/main.html
index cbec96ef..20b9753b 100644
--- a/_layouts/main.html
+++ b/_layouts/main.html
@@ -16,7 +16,7 @@
   <body>
 
     <!-- HEADER -->
-    <div id="header_menu_wrap" class="outer" style="background: #547D8F">
+    <div id="header_menu_wrap" class="outer" style="background: #647BA8">
         <header class="inner-top">
           <p class="banner">
             <a style="margin-right: 3em;" href="{{ base }}index"><img src="{{ base }}docs/images/cyclone-logo-header.png" alt="Cyclone"></a>
diff --git a/_layouts/news.html b/_layouts/news.html
index 24c9403d..773328df 100644
--- a/_layouts/news.html
+++ b/_layouts/news.html
@@ -17,7 +17,7 @@
   <body>
 
     <!-- HEADER -->
-    <div id="header_menu_wrap" class="outer" style="background: #547D8F">
+    <div id="header_menu_wrap" class="outer" style="background: #647BA8">
         <header class="inner-top">
           <p class="banner">
             <a style="margin-right: 3em;" href="{{ base }}"><img src="{{ base }}docs/images/cyclone-logo-header.png" alt="Cyclone"></a>
diff --git a/_layouts/post.html b/_layouts/post.html
index ab949b88..1a04b714 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -16,7 +16,7 @@
   <body>
 
     <!-- HEADER -->
-    <div id="header_menu_wrap" class="outer" style="background: #547D8F">
+    <div id="header_menu_wrap" class="outer" style="background: #647BA8">
         <header class="inner-top">
           <p class="banner">
             <a style="margin-right: 3em;" href="{{ base }}"><img src="{{ base }}docs/images/cyclone-logo-header.png" alt="Cyclone"></a>
