diff --git a/ui/app/styles/core.scss b/ui/app/styles/core.scss
index db9fdb95d..786e83e1c 100644
--- a/ui/app/styles/core.scss
+++ b/ui/app/styles/core.scss
@@ -2,7 +2,6 @@
 @import './utils/reset.scss';
 @import './utils/z-indices';
 @import './utils/product-colors';
-@import './utils/structure-colors';
 @import './utils/bumper';
 @import './utils/layout';
 
@@ -15,6 +14,8 @@
 // Bring in the rest of Bulma
 @import 'bulma/bulma';
 
+@import './utils/structure-colors';
+
 // Override Bulma details where appropriate
 @import './core/buttons';
 @import './core/breadcrumb';
diff --git a/ui/app/styles/utils/structure-colors.scss b/ui/app/styles/utils/structure-colors.scss
index a4b148e64..b62158fa7 100644
--- a/ui/app/styles/utils/structure-colors.scss
+++ b/ui/app/styles/utils/structure-colors.scss
@@ -35,7 +35,9 @@ $green-500: #2eb039;
 // Chart Color Scales
 $chart-reds: $red-500, $red-400, $red-300, $red-200;
 $chart-blues: $blue-500, $blue-400, $blue-300, $blue-200;
+$chart-ordinal: $orange, $yellow, $green, $turquoise, $blue, $purple, $red;
 $chart-scales: (
   'reds': $chart-reds,
   'blues': $chart-blues,
+  'ordinal': $chart-ordinal,
 );