diff --git a/browser/resources/settings/brave_overrides/settings_menu.ts b/browser/resources/settings/brave_overrides/settings_menu.ts
index 13828ed078f3..f6dbeae0a572 100644
--- a/browser/resources/settings/brave_overrides/settings_menu.ts
+++ b/browser/resources/settings/brave_overrides/settings_menu.ts
@@ -85,7 +85,8 @@ RegisterStyleOverride(
       }
 
       .cr-nav-menu-item[selected] {
-        --iron-icon-fill-color: var(--leo-gradient-icons-active);
+        // --iron-icon-fill-color: var(--leo-gradient-icons-active);
+        --iron-icon-fill-color: #27a348;
 
         color: var(--cr-link-color) !important;
         background: transparent !important;
@@ -126,7 +127,7 @@ RegisterStyleOverride(
       }
 
       a:hover, iron-icon:hover {
-        color: #444DD0 !important;
+        color: #47d789 !important;
       }
 
       iron-icon, leo-icon {
@@ -144,7 +145,7 @@ RegisterStyleOverride(
         display: block;
         height: 32px;
         width: 4px;
-        background: linear-gradient(96.98deg, #E51D00 0%, #E5007B 78.13%);
+        background: linear-gradient(96.98deg, #27a348 0%, #27c5a1 78.13%);
         border-radius: 0px 2px 2px 0px;
       }
 
@@ -154,7 +155,7 @@ RegisterStyleOverride(
         }
 
         a:hover, iron-icon:hover {
-          color: #A6ABE9 !important;
+          color: #47d789 !important;
         }
       }
 
diff --git a/ui/webui/resources/br_elements/br_shared_vars.css b/ui/webui/resources/br_elements/br_shared_vars.css
index bbdcb17d8743..c114edf904cc 100644
--- a/ui/webui/resources/br_elements/br_shared_vars.css
+++ b/ui/webui/resources/br_elements/br_shared_vars.css
@@ -18,7 +18,7 @@ html {
   --interactive-color: var(--cr-link-color) !important;
   --brave-focus-outline: auto 3px var(--flat-focus-shadow-color);
   --disabled-color: rgb(241, 243, 244);
-  --cr-link-color: rgb(255, 69, 48) !important;
+  --cr-link-color: rgb(27, 185, 99) !important;
   --cr-link-color-rgb: 255, 69, 48;
   --flat-focus-shadow-color: rgba(255, 69, 48, .4) !important;
   --cr-selectable-focus_-_outline: var(--brave-focus-outline) !important;
diff --git a/ui/webui/resources/css/md_colors.css b/ui/webui/resources/css/md_colors.css
index 4f6d16e9c17c..458217e4b53f 100644
--- a/ui/webui/resources/css/md_colors.css
+++ b/ui/webui/resources/css/md_colors.css
@@ -1,5 +1,5 @@
 html {
-  --brave-toolbar-gradient: linear-gradient(-90deg, #A3278F 0%, #E52F50 100%); /* linear gradient: red500 -> magenta600 */
+  --brave-toolbar-gradient: linear-gradient(-90deg, #27a348 0%, #27c5a1 100%); /* linear gradient: green -> aquamarine */
   --md-background-color: rgb(233, 236, 239); /* neutral200 */
   --md-loading-message-color: #5E6175; /* grey700 */
   --md-toolbar-color: rgb(200, 44, 109); /* not design system color. middle value of toolbar's linear gradient. */
diff --git a/ui/webui/resources/overrides/cr_button_override.css b/ui/webui/resources/overrides/cr_button_override.css
index cedb120ed700..9daaf8482034 100644
--- a/ui/webui/resources/overrides/cr_button_override.css
+++ b/ui/webui/resources/overrides/cr_button_override.css
@@ -6,10 +6,10 @@
 /* Default/light theme button colors */
 :host(:not([style])) {
   --brave-text-color: #3b3e4f; /* grey800 */
-  --brave-brand-color: #ff7654; /* orange400 */
-  --brave-primary-hover: #ff977d; /* orange300 */
+  --brave-brand-color: #27a348; /* green */
+  --brave-primary-hover: #55d821; /* lightgreen */
   --brave-default-hover: rgba(255, 118, 84, 0.1); /* orange400 */
-  --brave-focus-outline: rgba(255, 118, 84, 0.4); /* orange400 */
+  --brave-focus-outline: rgba(84, 255, 121, 0.4); /* green */
   --ink-color: var(--brave-brand-color) !important;
   --text-color: var(--brave-text-color) !important;
   --text-color-action: white !important;