diff --git a/assets/components/atoms/tag/tag.scss b/assets/components/atoms/tag/tag.scss
index c5bcf62d..5f26a15f 100644
--- a/assets/components/atoms/tag/tag.scss
+++ b/assets/components/atoms/tag/tag.scss
@@ -67,6 +67,10 @@ a.tag, button.tag, span.tag, div.tag, p.tag {
         border-bottom: 1px solid $gray-300;
       }
 
+      @else if $color == "tertiary" {
+        border-bottom: 1px solid $leman;
+      }
+
       @else {
         border-bottom: 1px solid $value;
       }
@@ -112,7 +116,8 @@ button.tag {
   }
   
   &.tag-secondary,
-  &.tag-plain {
+  &.tag-plain,
+  &.tag-school {
     &:focus,
     &:focus-visible,
     &.focus {
diff --git a/assets/components/atoms/tag/tag.twig b/assets/components/atoms/tag/tag.twig
index 088326ae..36ac4b7c 100644
--- a/assets/components/atoms/tag/tag.twig
+++ b/assets/components/atoms/tag/tag.twig
@@ -6,6 +6,7 @@
 <h5>Link</h5>
 <a href="#" class="tag tag-primary">Primary</a>
 <a href="#" class="tag tag-secondary">Secondary</a>
+<a href="#" class="tag tag-tertiary">Tertiary</a>
 <hr>
 <h5>removable</h5>
 <button class="btn tag tag-primary">
@@ -16,10 +17,15 @@
   Secondary
   <span class="btn btn-secondary remove" title="Remove">×</span>
 </button>
+<button class="btn tag tag-tertiary">
+  Tertiary
+  <span class="btn btn-tertiary remove" title="Remove">×</span>
+</button>
 <hr>
 <h5>Small</h5>
 <span class="tag tag-sm tag-plain">Plain</span>
 <span class="tag tag-sm tag-primary">Primary</span>
 <span class="tag tag-sm tag-secondary">Secondary</span>
+<span class="tag tag-sm tag-tertiary">Tertiary</span>
 <span class="tag tag-sm tag-light">Light</span>
 <hr>
diff --git a/assets/components/molecules/breadcrumb/breadcrumb-tagged.twig b/assets/components/molecules/breadcrumb/breadcrumb-tagged.twig
index 8483d2c6..ef696459 100644
--- a/assets/components/molecules/breadcrumb/breadcrumb-tagged.twig
+++ b/assets/components/molecules/breadcrumb/breadcrumb-tagged.twig
@@ -6,7 +6,7 @@
       </a>
     </li>
     <li class="breadcrumb-item breadcrumb-tags-wrapper">
-      <a href="#" class="tag tag-primary">School</a>
+      <a href="#" class="tag tag-tertiary">School</a>
       <a href="#" class="tag tag-primary">Innovation</a>
       <a href="#" class="tag tag-primary">W3C</a>
     </li>
diff --git a/assets/config/bootstrap-variables.scss b/assets/config/bootstrap-variables.scss
index 6b7848f9..afd3c3a5 100644
--- a/assets/config/bootstrap-variables.scss
+++ b/assets/config/bootstrap-variables.scss
@@ -59,6 +59,7 @@ $theme-colors: () !default;
 $theme-colors: map-merge((
   "primary":    $primary,
   "secondary":  $secondary,
+  "tertiary":   $canard,
   "success":    $success,
   "info":       $info,
   "warning":    $warning,