diff --git a/ui/src/style/modules/variables.scss b/ui/src/style/modules/variables.scss
index 9e4a2baf27..f0c2229894 100644
--- a/ui/src/style/modules/variables.scss
+++ b/ui/src/style/modules/variables.scss
@@ -26,8 +26,10 @@ $ix-link-default: $c-pool;
 $ix-link-default-hover: $c-laser;
 $ix-link-success: $c-rainforest;
 $ix-link-success-hover: $c-honeydew;
-$ix-link-warning: $c-star;
-$ix-link-warning-hover: $c-comet;
+$ix-link-warning: $c-pineapple;
+$ix-link-warning-hover: $c-thunder;
+$ix-link-info: $c-star;
+$ix-link-info-hover: $c-comet;
 $ix-link-danger: $c-curacao;
 $ix-link-danger-hover:  $c-dreamsicle;
 
diff --git a/ui/src/style/theme/_typography.scss b/ui/src/style/theme/_typography.scss
index 9fc8c4f874..2ef94a9896 100644
--- a/ui/src/style/theme/_typography.scss
+++ b/ui/src/style/theme/_typography.scss
@@ -28,6 +28,9 @@ a:visited {
   &.link-warning {
     color: $ix-link-warning;
   }
+  &.link-info {
+    color: $ix-link-info;
+  }
 }
 a:hover,
 a:active {
@@ -43,6 +46,9 @@ a:active {
   &.link-warning {
     color: $ix-link-warning-hover;
   }
+  &.link-info {
+    color: $ix-link-info-hover;
+  }
 }
 
 // Selection Styles
@@ -228,3 +234,23 @@ mark {
 br {
   @extend %no-user-select;
 }
+
+//  Colored Text Utilities
+//  ----------------------------------------------------------------------------
+span.text-color {
+  &-primary {
+    color: $c-pool;
+  }
+  &-success {
+    color: $c-rainforest;
+  }
+  &-warning {
+    color: $c-pineapple;
+  }
+  &-danger {
+    color: $c-curacao;
+  }
+  &-info {
+    color: $c-star;
+  }
+}