diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 2e0da54b77c0d01e10a6c68b1d5ada935da39c53..7f42fa1728ee382b84211d99cf1d10475d7a2058 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -193,6 +193,7 @@ $hero-background-color: $color-background-alt !default
 // Breadcrumb
 $breadcrumb-below-h1: false !default // NOT READY YET!
 $breadcrumb-color: $hero-color !default
+$breadcrumb-color-active: $hero-color !default
 $breadcrumb-icon: "caret-right" !default
 $breadcrumb-icon-color: $color-text-alt !default
 
diff --git a/assets/sass/_theme/design-system/breadcrumb.sass b/assets/sass/_theme/design-system/breadcrumb.sass
index ac6890c34c9f73a1950ff84cd582dcbe03a5ea8f..8c5a32ea02654738b296ab7fd3ab8013e2d3d74c 100644
--- a/assets/sass/_theme/design-system/breadcrumb.sass
+++ b/assets/sass/_theme/design-system/breadcrumb.sass
@@ -17,6 +17,8 @@
             line-height: 1
             &:hover
                 text-decoration-color: rgba($breadcrumb-color, 1)
+        &.active
+            color: $breadcrumb-color-active
         &:not(:first-child)
             padding-left: $spacing0
             @include icon($breadcrumb-icon)