diff --git a/README.md b/README.md
index 6fbee16..21e1411 100644
--- a/README.md
+++ b/README.md
@@ -72,28 +72,28 @@ The following table lists the supported CSS variables for color overriding, extr
 | `--color-light-gray`       | No                         | #F4F6FA      |
 | `--color-gray`             | No                         | #4E5A66      |
 | `--color-dark-gray`        | No                         | #393C48      |
-| `--color-brand-1`          | No                         | #1D65D4      |
-| `--color-brand-2`          | No                         | #1D65D4      |
-| `--color-brand-3`          | No                         | #1D65D4      |
+| `--color-brand-1`          | No                         | #0F70D7      |
+| `--color-brand-2`          | No                         | #0F70D7      |
+| `--color-brand-3`          | No                         | #0F70D7      |
 | `--color-brand-light`      | Yes (`--color-blue-aux`)   | #E5EFFB      |
 | `--color-brand-aux`        | Yes (`--color-brand-aux`)  | #E5EFFB      |
 | `--color-success`          | No                         | #2DD36F      |
 | `--color-warning`          | No                         | #F59240      |
-| `--color-error`            | Yes (`--color-danger`)     | #D6232D      |
-| `--color-error-dark`       | Yes (`--color-danger-dark`)| #B91C25      |
+| `--color-error`            | Yes (`--color-danger`)     | #DF2721      |
+| `--color-error-dark`       | Yes (`--color-danger-dark`)| #AE1010      |
 | `--color-background-white` | No                         | #FFFFFF      |
 | `--color-background-light` | No                         | #F4F6FA      |
 | `--color-background-blue`  | No                         | #E5EFFB      |
 | `--color-border-default`   | No                         | #B0BDC9      |
-| `--color-border-selected`  | No                         | #1D65D4      |
-| `--color-border-error`     | No                         | #D6232D      |
+| `--color-border-selected`  | No                         | #0F70D7      |
+| `--color-border-error`     | No                         | #DF2721      |
 | `--color-border-default`   | Yes (`--default-border`)   | #B0BDC9      |
 | `--color-text-default`     | No                         | #393C48      |
 | `--color-text-light`       | No                         | #717C91      |
 | `--color-icon-default`     | No                         | #717C91      |
-| `--color-icon-blue`        | No                         | #1D65D4      |
+| `--color-icon-blue`        | No                         | #0F70D7      |
 | `--color-icon-white`       | No                         | #FFFFFF      |
-| `--color-hover-dark`       | No                         | #1E53AF      |
+| `--color-hover-dark`       | No                         | #0C57A7      |
 | `--color-hover-light`      | No                         | #D4E5FA      |
 | `--color-hover-neutral`    | No                         | #DCE4EC      |
 
diff --git a/src/stylesheets/pallete.ts b/src/stylesheets/pallete.ts
index 13df311..deaaa9f 100644
--- a/src/stylesheets/pallete.ts
+++ b/src/stylesheets/pallete.ts
@@ -8,7 +8,10 @@ export const colorGray = 'var(--color-gray, #4E5A66)';
 export const colorDarkGray = 'var(--color-dark-gray, #393C48)';
 
 // Brand colors
-const colorBrand1_base = 'var(--color-brand-1, #1D65D4)';
+// Last-resort fallbacks mirror bigbluebutton-html5's palette so that a client
+// which doesn't override --color-primary renders library components with the
+// same brand color as its own (non-library) components.
+const colorBrand1_base = 'var(--color-brand-1, #0F70D7)';
 const colorBrandLight_base = 'var(--color-brand-light, #E5EFFB)';
 export const colorBrand1 = `var(--color-primary, ${colorBrand1_base})`;
 export const colorBrand2 = `var(--color-brand-2, ${colorBrand1_base})`;
@@ -19,8 +22,8 @@ export const colorBrandAux = `var(--color-brand-aux, ${colorBrandLight_base})`;
 
 
 // Semantic colors
-const colorError_base = 'var(--color-error, #D6232D)';
-const colorErrorDark_base = 'var(--color-error-dark, #B91C25)';
+const colorError_base = 'var(--color-error, #DF2721)';
+const colorErrorDark_base = 'var(--color-error-dark, #AE1010)';
 export const colorSuccess = 'var(--color-success, #2DD36F)';
 export const colorWarning = 'var(--color-warning, #F59240)';
 // Mapped to core css vars
@@ -52,6 +55,6 @@ export const colorIconBlue = `var(--color-icon-blue, ${colorBrand1_base})`;
 export const colorIconWhite = `var(--color-icon-white, ${colorWhite})`;
 
 //Hover colors
-export const colorHoverDark = 'var(--color-hover-dark, #1E53AF)';
+export const colorHoverDark = 'var(--color-hover-dark, #0C57A7)';
 export const colorHoverLight = 'var(--color-hover-light, #D4E5FA)';
 export const colorHoverNeutral = `var(--color-hover-neutral, ${colorNeutral4})`;