diff --git a/src/style/components/_breadcrumbs.scss b/src/style/components/_breadcrumbs.scss
index ebafa86..6b30fd4 100644
--- a/src/style/components/_breadcrumbs.scss
+++ b/src/style/components/_breadcrumbs.scss
@@ -1,6 +1,6 @@
 .breadcrumbs {
   padding-left: 0;
-  color: $gray-medium;
+  color: $red-disabled;
   & > li {
     display: inline-block;
     &:not(:first-child)::before {
@@ -11,17 +11,17 @@
       margin-left: 8px;
     }
     & > a {
-      color: $gray-medium;
+      color: $crimson-red;
       text-decoration: none;
       &:hover, &:focus {
-        color: $brand-primary-lighten;
+        color: $red-hoverfocus;
       }
       &:active {
-        color: $brand-primary-darken;
+        color: $red-active;
       }
     }
-    &.active > a {
-      color: $brand-primary-darken;
+    &.active {
+      color: $red-disabled;
     }
   }
 }
diff --git a/src/style/core/_rex_colors.scss b/src/style/core/_rex_colors.scss
index 6cd92db..f5ff929 100644
--- a/src/style/core/_rex_colors.scss
+++ b/src/style/core/_rex_colors.scss
@@ -18,6 +18,10 @@ $red-dark: #bf0000;
 $red-darker: #930A0A;
 $red-darkest: #661414;
 $red-brand: $red-dark;
+//link Color
+$red-active:#960000;
+$red-disabled:#D1D1D1;
+$red-hoverfocus: #FF1212;
 
 $yellow-lightest: #FFFBF5;
 $yellow-lighter: #FFEDD1;