diff --git a/web/styles/compose.css b/web/styles/compose.css
index 73b5182143..2cc22c9d94 100644
--- a/web/styles/compose.css
+++ b/web/styles/compose.css
@@ -1177,8 +1177,8 @@ textarea.new_message_textarea {
     border-radius: 4px;
     border: 0;
     margin-bottom: 0;
-    color: var(--color-compose-send-button-icon-color);
-    background-color: var(--color-compose-send-button-background);
+    color: var(--color-text-brand-primary-action-button);
+    background-color: var(--color-background-brand-primary-action-button);
 
     &:active {
         transition: transform 80ms;
@@ -1193,13 +1193,13 @@ textarea.new_message_textarea {
         border: 1px solid var(--color-compose-send-button-focus-border);
         box-shadow: 0 0 5px var(--color-compose-send-button-focus-shadow);
         background-color: var(
-            --color-compose-send-button-background-interactive
+            --color-background-brand-primary-action-button-active
         );
     }
 
     &:hover {
         background-color: var(
-            --color-compose-send-button-background-interactive
+            --color-background-brand-primary-action-button-hover
         );
     }
 }
diff --git a/web/styles/message_row.css b/web/styles/message_row.css
index 8c00ecefff..a615c2ae07 100644
--- a/web/styles/message_row.css
+++ b/web/styles/message_row.css
@@ -720,12 +720,12 @@
     height: 2em;
     /* Match Save button's basic colors to
        the compose box Send button. */
-    color: var(--color-compose-send-button-icon-color);
-    background-color: var(--color-compose-send-button-background);
+    color: var(--color-text-brand-primary-action-button);
+    background-color: var(--color-background-brand-primary-action-button);
 
     &:hover {
         background-color: var(
-            --color-compose-send-button-background-interactive
+            --color-background-brand-primary-action-button-hover
         );
     }