diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 06d95ef89a..62a8bb7bbf 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -90,10 +90,10 @@ const config = {
   themeConfig: {
     image: 'docs/assets/welcome-pages/protocol.png',
     announcementBar: {
-      id: 'id-0007',
+      id: 'id-0008',
       content:
-        '🎉 New Documentation on Smart Contracts: <a href="/build/smart-contracts/anatomy/yield-resume">Yield and Resume</a> 🎉',
-      backgroundColor: '#fafbfc',
+        '🎉 Ethereum Wallets are here! Read more in our <a href="/blog/hello-ethereum-wallets">blogpost</a> and check our <a href="/tools/ethereum-wallets">tutorial to update your app</a> 🎉',
+      backgroundColor: '#fcfbfa',
       textColor: '#333',
       isCloseable: true,
     },
diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss
index a6e2899ba8..c272837c3f 100644
--- a/website/src/css/custom.scss
+++ b/website/src/css/custom.scss
@@ -416,8 +416,8 @@ https://www.feelback.dev/docs/guides/stripe-like-documentation-feedback-for-docu
 
 /* Announcement bar */
 div[class^="announcementBar_"] {
-    --site-announcement-bar-stripe-color1: #ddfdfd;
-    --site-announcement-bar-stripe-color2: #cbe3fd;
+    --site-announcement-bar-stripe-color1: #e9ddfd;
+    --site-announcement-bar-stripe-color2: #ffeac3;
     background: repeating-linear-gradient(45deg, var(--site-announcement-bar-stripe-color1), var(--site-announcement-bar-stripe-color1) 20px, var(--site-announcement-bar-stripe-color2) 10px, var(--site-announcement-bar-stripe-color2) 40px);
     font-size: 16px;
     font-weight: 600;