diff --git a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/styles/styles.scss b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/styles/styles.scss
index 0f967853..d148cf7a 100644
--- a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/styles/styles.scss
+++ b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/styles/styles.scss
@@ -55,7 +55,7 @@ $kubeflow-typography-config: mat.define-typography-config(
 $kubeflow-theme: mat.define-light-theme(
   (
     color: (
-      primary: mat.define-palette($kubeflow-primary-palette, 500),
+      primary: mat.define-palette($kubeflow-primary-palette, 700),
       accent: mat.define-palette(mat.$pink-palette, A200, A100, A400),
     ),
   )