diff --git a/src/_sass/_variables.scss b/src/_sass/_variables.scss
index 6e780ac17b..c389108d11 100644
--- a/src/_sass/_variables.scss
+++ b/src/_sass/_variables.scss
@@ -27,3 +27,47 @@ $font-family-primary: "SGMT Post Grotesk", BlinkMacSystemFont, -apple-system, "S
 ///
 /// @type {Value|Values}
 $font-family-monospace: "Droid Sans Mono", "Lucida Console", "Monaco", monospace !default;
+
+/// Collection of colors.
+///
+/// @type {Map}
+/// @prop {Color} primary
+/// @prop {Color} primary-dark
+/// @prop {Color} secondary
+/// @prop {Color} secondary-dark
+/// @prop {Color} gray
+/// @prop {Color} gray-dark
+/// @prop {Color} code-gray
+/// @prop {Color} code-green
+/// @prop {Color} code-blue
+/// @prop {Color} code-violet
+/// @prop {Color} code-pink
+/// @prop {Color} code-red
+/// @prop {Color} code-orange
+/// @prop {Color} info
+/// @prop {Color} success
+/// @prop {Color} warning
+/// @prop {Color} error
+/// @prop {Color} black
+/// @prop {Color} white
+$color-values: (
+  primary: #1dc989,
+  primary-dark: #1eb57d,
+  secondary: #1f477d,
+  secondary-dark: #435a6f,
+  gray: #f7f9fa,
+  gray-dark: #a5b0ba,
+  code-gray: #435a6f,
+  code-green: #52bd95,
+  code-blue: #2e98df,
+  code-violet: #9166ca,
+  code-pink: #ff678d,
+  code-red: #d52039,
+  code-orange: #f89c56,
+  info: #4286e2,
+  success: #1dc989,
+  warning: #f89c56,
+  error: #e73630,
+  black: #000000,
+  white: #ffffff
+) !default;
diff --git a/src/_sass/segment.scss b/src/_sass/segment.scss
index ad5a5bc2b6..b550125e72 100644
--- a/src/_sass/segment.scss
+++ b/src/_sass/segment.scss
@@ -21,4 +21,3 @@
 // =================================================
 @import "generics/standardize";
 @import "generics/typography";
-