diff --git a/__tests__/__snapshots__/colors.test.js.snap b/__tests__/__snapshots__/colors.test.js.snap
index 9b1b24f1..1c8815c5 100644
--- a/__tests__/__snapshots__/colors.test.js.snap
+++ b/__tests__/__snapshots__/colors.test.js.snap
@@ -15,8 +15,8 @@ Array [
   Object {
     "color": Array [
       0,
-      0.47843137254901963,
-      0.807843137254902,
+      0.43529411764705883,
+      0.7333333333333333,
     ],
     "model": "RGB",
     "name": "blue",
@@ -588,7 +588,7 @@ Array [
 exports[`JSON object representation renders similar JSON objects 1`] = `
 Object {
   "color-black": "rgb(0, 0, 0)",
-  "color-blue": "rgb(0, 122, 206)",
+  "color-blue": "rgb(0, 111, 187)",
   "color-blue-dark": "rgb(8, 78, 138)",
   "color-blue-darker": "rgb(0, 20, 41)",
   "color-blue-light": "rgb(180, 225, 250)",
@@ -654,7 +654,7 @@ Object {
     "value": "#000000",
   },
   "color-blue": Object {
-    "value": "#007ace",
+    "value": "#006fbb",
   },
   "color-blue-dark": Object {
     "value": "#084e8a",
@@ -841,7 +841,7 @@ Array [
     "name": "color-blue",
     "originalValue": "{!color-blue}",
     "type": "color",
-    "value": "rgb(0, 122, 206)",
+    "value": "rgb(0, 111, 187)",
   },
   Object {
     "category": "background-color",
@@ -1351,8 +1351,8 @@ exports[`renders Polaris.sketchpalette correctly 1`] = `
     {
       \\"name\\": \\"Blue\\",
       \\"red\\": 0,
-      \\"green\\": 0.47843137254901963,
-      \\"blue\\": 0.807843137254902,
+      \\"green\\": 0.43529411764705883,
+      \\"blue\\": 0.7333333333333333,
       \\"alpha\\": 1
     },
     {
@@ -1648,7 +1648,7 @@ exports[`renders colors.android.xml correctly 1`] = `
 "<?xml version=\\"1.0\\" encoding=\\"UTF-8\\"?>
 <resources>
     <color name=\\"polaris_color_black\\">#ff000000</color>
-    <color name=\\"polaris_color_blue\\">#ff007ace</color>
+    <color name=\\"polaris_color_blue\\">#ff006fbb</color>
     <color name=\\"polaris_color_blue_dark\\">#ff084e8a</color>
     <color name=\\"polaris_color_blue_darker\\">#ff001429</color>
     <color name=\\"polaris_color_blue_light\\">#ffb4e1fa</color>
@@ -1730,7 +1730,7 @@ exports[`renders colors.color-map.scss correctly 1`] = `
     'text': rgb(62, 78, 87),
     'darker': rgb(0, 20, 41),
     'dark': rgb(8, 78, 138),
-    'base': rgb(0, 122, 206),
+    'base': rgb(0, 111, 187),
     'light': rgb(180, 225, 250),
     'lighter': rgb(235, 245, 250),
   ),
@@ -1813,7 +1813,7 @@ exports[`renders colors.custom-properties.css correctly 1`] = `
   --color-blue-text: rgb(62, 78, 87);
   --color-blue-darker: rgb(0, 20, 41);
   --color-blue-dark: rgb(8, 78, 138);
-  --color-blue: rgb(0, 122, 206);
+  --color-blue: rgb(0, 111, 187);
   --color-blue-light: rgb(180, 225, 250);
   --color-blue-lighter: rgb(235, 245, 250);
   --color-teal-text: rgb(64, 83, 82);
@@ -1876,7 +1876,7 @@ $color-indigo-lighter: rgb(244, 245, 250);
 $color-blue-text: rgb(62, 78, 87);
 $color-blue-darker: rgb(0, 20, 41);
 $color-blue-dark: rgb(8, 78, 138);
-$color-blue: rgb(0, 122, 206);
+$color-blue: rgb(0, 111, 187);
 $color-blue-light: rgb(180, 225, 250);
 $color-blue-lighter: rgb(235, 245, 250);
 $color-teal-text: rgb(64, 83, 82);
@@ -1925,7 +1925,7 @@ $color-white: rgb(255, 255, 255);
 exports[`renders index.d.ts correctly 1`] = `
 "declare interface Tokens {
   colorBlack: \\"rgb(0, 0, 0)\\";
-  colorBlue: \\"rgb(0, 122, 206)\\";
+  colorBlue: \\"rgb(0, 111, 187)\\";
   colorBlueDark: \\"rgb(8, 78, 138)\\";
   colorBlueDarker: \\"rgb(0, 20, 41)\\";
   colorBlueLight: \\"rgb(180, 225, 250)\\";
diff --git a/__tests__/__snapshots__/duration.test.js.snap b/__tests__/__snapshots__/duration.test.js.snap
index aa63659c..c1acf884 100644
--- a/__tests__/__snapshots__/duration.test.js.snap
+++ b/__tests__/__snapshots__/duration.test.js.snap
@@ -109,7 +109,7 @@ $duration-slowest: 500ms;
 exports[`renders index.d.ts correctly 1`] = `
 "declare interface Tokens {
   colorBlack: \\"rgb(0, 0, 0)\\";
-  colorBlue: \\"rgb(0, 122, 206)\\";
+  colorBlue: \\"rgb(0, 111, 187)\\";
   colorBlueDark: \\"rgb(8, 78, 138)\\";
   colorBlueDarker: \\"rgb(0, 20, 41)\\";
   colorBlueLight: \\"rgb(180, 225, 250)\\";
diff --git a/data/color-metadata.yml b/data/color-metadata.yml
index 6556bad4..cc84146d 100644
--- a/data/color-metadata.yml
+++ b/data/color-metadata.yml
@@ -29,7 +29,7 @@ color-blue-darker:
 color-blue-dark:
   filter: brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%)
 color-blue:
-  filter: brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%)
+  filter: brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%) hue-rotate(190deg) brightness(99%) contrast(101%);
 color-blue-light:
   filter: brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%)
 color-blue-lighter:
diff --git a/dist/Polaris.ase b/dist/Polaris.ase
index 6e07ada6..350fb033 100644
Binary files a/dist/Polaris.ase and b/dist/Polaris.ase differ
diff --git a/dist/Polaris.clr b/dist/Polaris.clr
index 9b32751c..3015b2ae 100644
Binary files a/dist/Polaris.clr and b/dist/Polaris.clr differ
diff --git a/dist/Polaris.sketchpalette b/dist/Polaris.sketchpalette
index aed1d768..e0156975 100644
--- a/dist/Polaris.sketchpalette
+++ b/dist/Polaris.sketchpalette
@@ -110,8 +110,8 @@
     {
       "name": "Blue",
       "red": 0,
-      "green": 0.47843137254901963,
-      "blue": 0.807843137254902,
+      "green": 0.43529411764705883,
+      "blue": 0.7333333333333333,
       "alpha": 1
     },
     {
diff --git a/dist/color-filters.color-map.scss b/dist/color-filters.color-map.scss
index 131fae33..ac64cde4 100644
--- a/dist/color-filters.color-map.scss
+++ b/dist/color-filters.color-map.scss
@@ -74,8 +74,8 @@ $polaris-color-filters: (
       hue-rotate(11deg) brightness(97%) contrast(91%),
     'darker': brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%)
       hue-rotate(17deg) brightness(103%) contrast(103%),
-    'dark': brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%)
-      hue-rotate(31deg) brightness(93%) contrast(80%),
+    'dark': brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%)
+      hue-rotate(0deg) brightness(93%) contrast(89%),
     'base': brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%)
       hue-rotate(5deg) brightness(100%) contrast(100%),
     'light': brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%)
diff --git a/dist/color-filters.common.js b/dist/color-filters.common.js
index dbe8cb9c..68debb84 100644
--- a/dist/color-filters.common.js
+++ b/dist/color-filters.common.js
@@ -64,7 +64,7 @@ module.exports = {
   colorYellowDarker:
     'brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%)',
   colorYellowDark:
-    'brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%)',
+    'brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%) hue-rotate(0deg) brightness(93%) contrast(89%)',
   colorYellow:
     'brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%)',
   colorYellowLight:
diff --git a/dist/color-filters.custom-properties.css b/dist/color-filters.custom-properties.css
index 2c845820..e2d46865 100644
--- a/dist/color-filters.custom-properties.css
+++ b/dist/color-filters.custom-properties.css
@@ -63,8 +63,8 @@
     saturate(413%) hue-rotate(11deg) brightness(97%) contrast(91%);
   --color-yellow-darker: brightness(0) saturate(100%) invert(19%) sepia(75%)
     saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%);
-  --color-yellow-dark: brightness(0) saturate(100%) invert(45%) sepia(48%)
-    saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%);
+  --color-yellow-dark: brightness(0) saturate(100%) invert(37%) sepia(51%)
+    saturate(709%) hue-rotate(0deg) brightness(93%) contrast(89%);
   --color-yellow: brightness(0) saturate(100%) invert(65%) sepia(91%)
     saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%);
   --color-yellow-light: brightness(0) saturate(100%) invert(77%) sepia(72%)
diff --git a/dist/color-filters.json b/dist/color-filters.json
index 5d570459..ae84f1a5 100644
--- a/dist/color-filters.json
+++ b/dist/color-filters.json
@@ -31,7 +31,7 @@
   "color-green-lighter": "brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%)",
   "color-yellow-text": "brightness(0) saturate(100%) invert(28%) sepia(42%) saturate(413%) hue-rotate(11deg) brightness(97%) contrast(91%)",
   "color-yellow-darker": "brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%)",
-  "color-yellow-dark": "brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%)",
+  "color-yellow-dark": "brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%) hue-rotate(0deg) brightness(93%) contrast(89%)",
   "color-yellow": "brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%)",
   "color-yellow-light": "brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%) hue-rotate(355deg) brightness(103%) contrast(107%)",
   "color-yellow-lighter": "brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%)",
diff --git a/dist/color-filters.map.scss b/dist/color-filters.map.scss
index bd3bb394..c7eb2e09 100644
--- a/dist/color-filters.map.scss
+++ b/dist/color-filters.map.scss
@@ -128,8 +128,8 @@ $polaris-color-filters-map: (
       hue-rotate(17deg) brightness(103%) contrast(103%),
   ),
   'color-yellow-dark': (
-    brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%)
-      hue-rotate(31deg) brightness(93%) contrast(80%),
+    brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%)
+      hue-rotate(0deg) brightness(93%) contrast(89%),
   ),
   'color-yellow': (
     brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%)
diff --git a/dist/color-filters.raw.json b/dist/color-filters.raw.json
index 22bdd651..bd240d3a 100644
--- a/dist/color-filters.raw.json
+++ b/dist/color-filters.raw.json
@@ -19,7 +19,7 @@
       "value": "#bbe5b3"
     },
     "color-blue": {
-      "value": "#007ace"
+      "value": "#006fbb"
     },
     "color-indigo-light": {
       "value": "#b3bcf5"
@@ -404,7 +404,7 @@
       "type": "color",
       "category": "background-color",
       "name": "color-yellow-dark",
-      "value": "brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%)",
+      "value": "brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%) hue-rotate(0deg) brightness(93%) contrast(89%)",
       "originalValue": "{!color-yellow-dark}"
     },
     "color-yellow": {
diff --git a/dist/color-filters.scss b/dist/color-filters.scss
index 903f024c..75c554dc 100644
--- a/dist/color-filters.scss
+++ b/dist/color-filters.scss
@@ -62,8 +62,8 @@ $color-yellow-text: brightness(0) saturate(100%) invert(28%) sepia(42%)
   saturate(413%) hue-rotate(11deg) brightness(97%) contrast(91%);
 $color-yellow-darker: brightness(0) saturate(100%) invert(19%) sepia(75%)
   saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%);
-$color-yellow-dark: brightness(0) saturate(100%) invert(45%) sepia(48%)
-  saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%);
+$color-yellow-dark: brightness(0) saturate(100%) invert(37%) sepia(51%)
+  saturate(709%) hue-rotate(0deg) brightness(93%) contrast(89%);
 $color-yellow: brightness(0) saturate(100%) invert(65%) sepia(91%)
   saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%);
 $color-yellow-light: brightness(0) saturate(100%) invert(77%) sepia(72%)
diff --git a/dist/colors.android.xml b/dist/colors.android.xml
index e70a0834..bf523a6c 100644
--- a/dist/colors.android.xml
+++ b/dist/colors.android.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <resources>
     <color name="polaris_color_black">#ff000000</color>
-    <color name="polaris_color_blue">#ff007ace</color>
+    <color name="polaris_color_blue">#ff006fbb</color>
     <color name="polaris_color_blue_dark">#ff084e8a</color>
     <color name="polaris_color_blue_darker">#ff001429</color>
     <color name="polaris_color_blue_light">#ffb4e1fa</color>
diff --git a/dist/colors.ase.json b/dist/colors.ase.json
index 886940cb..b4d96cec 100644
--- a/dist/colors.ase.json
+++ b/dist/colors.ase.json
@@ -96,7 +96,7 @@
       "name": "blue",
       "model": "RGB",
       "type": "global",
-      "color": [0, 0.47843137254901963, 0.807843137254902]
+      "color": [0, 0.43529411764705883, 0.7333333333333333]
     },
     {
       "name": "blue-light",
diff --git a/dist/colors.color-map.scss b/dist/colors.color-map.scss
index 5ecfbbcb..832780ee 100644
--- a/dist/colors.color-map.scss
+++ b/dist/colors.color-map.scss
@@ -19,7 +19,7 @@ $polaris-colors: (
     'text': rgb(62, 78, 87),
     'darker': rgb(0, 20, 41),
     'dark': rgb(8, 78, 138),
-    'base': rgb(0, 122, 206),
+    'base': rgb(0, 111, 187),
     'light': rgb(180, 225, 250),
     'lighter': rgb(235, 245, 250),
   ),
diff --git a/dist/colors.common.js b/dist/colors.common.js
index feb546b5..f2874fe3 100644
--- a/dist/colors.common.js
+++ b/dist/colors.common.js
@@ -14,7 +14,7 @@ module.exports = {
   colorBlueText: 'rgb(62, 78, 87)',
   colorBlueDarker: 'rgb(0, 20, 41)',
   colorBlueDark: 'rgb(8, 78, 138)',
-  colorBlue: 'rgb(0, 122, 206)',
+  colorBlue: 'rgb(0, 111, 187)',
   colorBlueLight: 'rgb(180, 225, 250)',
   colorBlueLighter: 'rgb(235, 245, 250)',
   colorTealText: 'rgb(64, 83, 82)',
diff --git a/dist/colors.custom-properties.css b/dist/colors.custom-properties.css
index 75232ee3..7c20224a 100644
--- a/dist/colors.custom-properties.css
+++ b/dist/colors.custom-properties.css
@@ -14,7 +14,7 @@
   --color-blue-text: rgb(62, 78, 87);
   --color-blue-darker: rgb(0, 20, 41);
   --color-blue-dark: rgb(8, 78, 138);
-  --color-blue: rgb(0, 122, 206);
+  --color-blue: rgb(0, 111, 187);
   --color-blue-light: rgb(180, 225, 250);
   --color-blue-lighter: rgb(235, 245, 250);
   --color-teal-text: rgb(64, 83, 82);
diff --git a/dist/colors.json b/dist/colors.json
index b2c73b5d..29e96e63 100644
--- a/dist/colors.json
+++ b/dist/colors.json
@@ -14,7 +14,7 @@
   "color-blue-text": "rgb(62, 78, 87)",
   "color-blue-darker": "rgb(0, 20, 41)",
   "color-blue-dark": "rgb(8, 78, 138)",
-  "color-blue": "rgb(0, 122, 206)",
+  "color-blue": "rgb(0, 111, 187)",
   "color-blue-light": "rgb(180, 225, 250)",
   "color-blue-lighter": "rgb(235, 245, 250)",
   "color-teal-text": "rgb(64, 83, 82)",
diff --git a/dist/colors.map.scss b/dist/colors.map.scss
index d6f27045..39bdc61b 100644
--- a/dist/colors.map.scss
+++ b/dist/colors.map.scss
@@ -45,7 +45,7 @@ $polaris-colors-map: (
     rgb(8, 78, 138),
   ),
   'color-blue': (
-    rgb(0, 122, 206),
+    rgb(0, 111, 187),
   ),
   'color-blue-light': (
     rgb(180, 225, 250),
diff --git a/dist/colors.raw.json b/dist/colors.raw.json
index a6c8d1ca..cc4dbc74 100644
--- a/dist/colors.raw.json
+++ b/dist/colors.raw.json
@@ -19,7 +19,7 @@
       "value": "#bbe5b3"
     },
     "color-blue": {
-      "value": "#007ace"
+      "value": "#006fbb"
     },
     "color-indigo-light": {
       "value": "#b3bcf5"
@@ -285,7 +285,7 @@
       "type": "color",
       "category": "background-color",
       "name": "color-blue",
-      "value": "rgb(0, 122, 206)",
+      "value": "rgb(0, 111, 187)",
       "originalValue": "{!color-blue}"
     },
     "color-blue-light": {
diff --git a/dist/colors.scss b/dist/colors.scss
index c2d553d6..792a0bf7 100644
--- a/dist/colors.scss
+++ b/dist/colors.scss
@@ -13,7 +13,7 @@ $color-indigo-lighter: rgb(244, 245, 250);
 $color-blue-text: rgb(62, 78, 87);
 $color-blue-darker: rgb(0, 20, 41);
 $color-blue-dark: rgb(8, 78, 138);
-$color-blue: rgb(0, 122, 206);
+$color-blue: rgb(0, 111, 187);
 $color-blue-light: rgb(180, 225, 250);
 $color-blue-lighter: rgb(235, 245, 250);
 $color-teal-text: rgb(64, 83, 82);
diff --git a/dist/index.common.js b/dist/index.common.js
index 3c8f4644..2551e833 100644
--- a/dist/index.common.js
+++ b/dist/index.common.js
@@ -14,7 +14,7 @@ module.exports = {
   colorBlueText: 'rgb(62, 78, 87)',
   colorBlueDarker: 'rgb(0, 20, 41)',
   colorBlueDark: 'rgb(8, 78, 138)',
-  colorBlue: 'rgb(0, 122, 206)',
+  colorBlue: 'rgb(0, 111, 187)',
   colorBlueLight: 'rgb(180, 225, 250)',
   colorBlueLighter: 'rgb(235, 245, 250)',
   colorTealText: 'rgb(64, 83, 82)',
diff --git a/dist/index.custom-properties.css b/dist/index.custom-properties.css
index ae77d9b2..38e509f5 100644
--- a/dist/index.custom-properties.css
+++ b/dist/index.custom-properties.css
@@ -14,7 +14,7 @@
   --color-blue-text: rgb(62, 78, 87);
   --color-blue-darker: rgb(0, 20, 41);
   --color-blue-dark: rgb(8, 78, 138);
-  --color-blue: rgb(0, 122, 206);
+  --color-blue: rgb(0, 111, 187);
   --color-blue-light: rgb(180, 225, 250);
   --color-blue-lighter: rgb(235, 245, 250);
   --color-teal-text: rgb(64, 83, 82);
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 6e2903f5..e33af24d 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -1,6 +1,6 @@
 declare interface Tokens {
   colorBlack: "rgb(0, 0, 0)";
-  colorBlue: "rgb(0, 122, 206)";
+  colorBlue: "rgb(0, 111, 187)";
   colorBlueDark: "rgb(8, 78, 138)";
   colorBlueDarker: "rgb(0, 20, 41)";
   colorBlueLight: "rgb(180, 225, 250)";
diff --git a/dist/index.json b/dist/index.json
index 2fea23a4..86e25316 100644
--- a/dist/index.json
+++ b/dist/index.json
@@ -14,7 +14,7 @@
   "color-blue-text": "rgb(62, 78, 87)",
   "color-blue-darker": "rgb(0, 20, 41)",
   "color-blue-dark": "rgb(8, 78, 138)",
-  "color-blue": "rgb(0, 122, 206)",
+  "color-blue": "rgb(0, 111, 187)",
   "color-blue-light": "rgb(180, 225, 250)",
   "color-blue-lighter": "rgb(235, 245, 250)",
   "color-teal-text": "rgb(64, 83, 82)",
diff --git a/dist/index.map.scss b/dist/index.map.scss
index a8abd9a6..1626baa8 100644
--- a/dist/index.map.scss
+++ b/dist/index.map.scss
@@ -45,7 +45,7 @@ $polaris-index-map: (
     rgb(8, 78, 138),
   ),
   'color-blue': (
-    rgb(0, 122, 206),
+    rgb(0, 111, 187),
   ),
   'color-blue-light': (
     rgb(180, 225, 250),
diff --git a/dist/index.raw.json b/dist/index.raw.json
index 8ae81903..e8cc2ca9 100644
--- a/dist/index.raw.json
+++ b/dist/index.raw.json
@@ -19,7 +19,7 @@
       "value": "#bbe5b3"
     },
     "color-blue": {
-      "value": "#007ace"
+      "value": "#006fbb"
     },
     "color-indigo-light": {
       "value": "#b3bcf5"
@@ -285,7 +285,7 @@
       "type": "color",
       "category": "background-color",
       "name": "color-blue",
-      "value": "rgb(0, 122, 206)",
+      "value": "rgb(0, 111, 187)",
       "originalValue": "{!color-blue}"
     },
     "color-blue-light": {
diff --git a/dist/index.scss b/dist/index.scss
index f29ced15..83c73209 100644
--- a/dist/index.scss
+++ b/dist/index.scss
@@ -13,7 +13,7 @@ $color-indigo-lighter: rgb(244, 245, 250);
 $color-blue-text: rgb(62, 78, 87);
 $color-blue-darker: rgb(0, 20, 41);
 $color-blue-dark: rgb(8, 78, 138);
-$color-blue: rgb(0, 122, 206);
+$color-blue: rgb(0, 111, 187);
 $color-blue-light: rgb(180, 225, 250);
 $color-blue-lighter: rgb(235, 245, 250);
 $color-teal-text: rgb(64, 83, 82);
diff --git a/docs/index.css.map b/docs/index.css.map
index 94fab815..09337256 100644
--- a/docs/index.css.map
+++ b/docs/index.css.map
@@ -1 +1 @@
-{"version":3,"file":"index.css","sources":["polaris-index.scss","../dist/index.scss"],"sourcesContent":["// stylelint-disable property-no-vendor-prefix, selector-max-type, selector-class-pattern\n\n@import '../dist/index';\n\nhtml,\nbody {\n  font-size: 1.5rem;\n  font-weight: 400;\n  line-height: 2rem;\n  text-transform: initial;\n  letter-spacing: initial;\n  color: $color-ink;\n  font-family: $font-stack-base;\n}\n\n@media (min-width: 40em) {\n  html,\n  body {\n    font-size: 1.4rem;\n  }\n}\n\nhtml {\n  position: relative;\n  box-sizing: border-box;\n  font-size: 62.5%;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n}\n\nbody {\n  min-height: 100%;\n  margin: 0;\n  padding: 0;\n  background-color: $color-sky-light;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  margin: 0;\n  font-size: 1em;\n  font-weight: 400;\n}\n\n.banner,\n.contentinfo {\n  background: $color-sky-light;\n}\n\n.banner {\n  padding: 1em 0;\n}\n\n.container {\n  margin: 0 auto;\n  padding: $spacing-base $spacing-extra-loose;\n  max-width: 128rem;\n}\n\n.container--shadow {\n  background: $color-white;\n  border-radius: 6px;\n  box-shadow: 0 1.2rem 3.6rem rgba(0, 0, 0, 0.2);\n  margin-bottom: $spacing-extra-loose * 2;\n}\n\nh1 {\n  margin: 0;\n  font-size: 3rem;\n  font-weight: 400;\n  line-height: 2;\n  padding-left: $spacing-loose;\n}\n\nsection + section {\n  margin-top: $spacing-extra-loose * 2;\n}\n\ntable {\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 1rem;\n  width: 100%;\n}\n\nth,\ntd {\n  padding: 0 1rem;\n  vertical-align: baseline;\n  word-break: break-word;\n  hyphens: auto;\n}\n\nth {\n  font-weight: 400;\n  text-align: left;\n}\n\nthead th {\n  border-bottom: 1px solid $color-indigo-lighter;\n  padding-top: 1rem;\n  padding-bottom: 0.5rem;\n  color: $color-ink-lighter;\n}\n\nthead th:first-child {\n  font-size: 2rem;\n  color: inherit;\n}\n\ncode {\n  font-family: $font-stack-monospace;\n}\n\n.metric-box,\n.radius-box {\n  display: inline-block;\n  vertical-align: middle;\n  background: $color-sky;\n}\n\n.radius-box {\n  width: 100%;\n  height: 3rem;\n}\n\n.radius-box.borderRadiusCircle {\n  width: 3rem;\n}\n\n.line-height-example {\n  border-bottom: 1px solid $color-sky;\n  background-image: linear-gradient($color-sky 1px, transparent 1px);\n  background-size: 100% 1rem;\n}\n","\n$color-purple-text: rgb(80, 73, 90);\n$color-purple-darker: rgb(35, 0, 81);\n$color-purple-dark: rgb(80, 36, 143);\n$color-purple: rgb(156, 106, 222);\n$color-purple-light: rgb(227, 208, 255);\n$color-purple-lighter: rgb(246, 240, 253);\n$color-indigo-text: rgb(62, 65, 85);\n$color-indigo-darker: rgb(0, 6, 57);\n$color-indigo-dark: rgb(32, 46, 120);\n$color-indigo: rgb(92, 106, 196);\n$color-indigo-light: rgb(179, 188, 245);\n$color-indigo-lighter: rgb(244, 245, 250);\n$color-blue-text: rgb(62, 78, 87);\n$color-blue-darker: rgb(0, 20, 41);\n$color-blue-dark: rgb(8, 78, 138);\n$color-blue: rgb(0, 122, 206);\n$color-blue-light: rgb(180, 225, 250);\n$color-blue-lighter: rgb(235, 245, 250);\n$color-teal-text: rgb(64, 83, 82);\n$color-teal-darker: rgb(0, 49, 53);\n$color-teal-dark: rgb(0, 132, 142);\n$color-teal: rgb(71, 193, 191);\n$color-teal-light: rgb(183, 236, 236);\n$color-teal-lighter: rgb(224, 245, 245);\n$color-green-text: rgb(65, 79, 62);\n$color-green-darker: rgb(23, 54, 48);\n$color-green-dark: rgb(16, 128, 67);\n$color-green: rgb(80, 184, 60);\n$color-green-light: rgb(187, 229, 179);\n$color-green-lighter: rgb(227, 241, 223);\n$color-yellow-text: rgb(89, 81, 48);\n$color-yellow-darker: rgb(87, 59, 0);\n$color-yellow-dark: rgb(138, 97, 22);\n$color-yellow: rgb(238, 194, 0);\n$color-yellow-light: rgb(255, 234, 138);\n$color-yellow-lighter: rgb(252, 241, 205);\n$color-orange-text: rgb(89, 68, 48);\n$color-orange-darker: rgb(74, 21, 4);\n$color-orange-dark: rgb(192, 87, 23);\n$color-orange: rgb(244, 147, 66);\n$color-orange-light: rgb(255, 197, 139);\n$color-orange-lighter: rgb(252, 235, 219);\n$color-red-text: rgb(88, 60, 53);\n$color-red-darker: rgb(51, 1, 1);\n$color-red-dark: rgb(191, 7, 17);\n$color-red: rgb(222, 54, 24);\n$color-red-light: rgb(254, 173, 154);\n$color-red-lighter: rgb(251, 234, 229);\n$color-ink: rgb(33, 43, 54);\n$color-ink-light: rgb(69, 79, 91);\n$color-ink-lighter: rgb(99, 115, 129);\n$color-ink-lightest: rgb(145, 158, 171);\n$color-sky-dark: rgb(196, 205, 213);\n$color-sky: rgb(223, 227, 232);\n$color-sky-light: rgb(244, 246, 248);\n$color-sky-lighter: rgb(249, 250, 251);\n$color-black: rgb(0, 0, 0);\n$color-white: rgb(255, 255, 255);\n$duration-none: 0;\n$duration-fast: 100ms;\n$duration-base: 200ms;\n$duration-slow: 300ms;\n$duration-slower: 400ms;\n$duration-slowest: 500ms;\n$spacing-none: 0;\n$spacing-extra-tight: 4px;\n$spacing-tight: 8px;\n$spacing-base-tight: 12px;\n$spacing-base: 16px;\n$spacing-loose: 20px;\n$spacing-extra-loose: 32px;\n$font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif;\n$font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;\n"],"names":[],"mappings":"AAIA,AAAA,IAAI;AACJ,IAAI,CAAC;EACH,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,OAAO;EACvB,cAAc,EAAE,OAAO;EACvB,KAAK,ECsCK,OAAe;EDrCzB,WAAW,EC4DK,aAAa,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,GD3DrH;;AAED,MAAM,EAAE,SAAS,EAAE,IAAI;EACrB,AAAA,IAAI;EACJ,IAAI,CAAC;IACH,SAAS,EAAE,MAAM,GAClB;;AAGH,AAAA,IAAI,CAAC;EACH,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,UAAU;EACtB,SAAS,EAAE,KAAK;EAChB,sBAAsB,EAAE,WAAW;EACnC,uBAAuB,EAAE,SAAS;EAClC,wBAAwB,EAAE,IAAI;EAC9B,oBAAoB,EAAE,IAAI;EAC1B,gBAAgB,EAAE,IAAI;EACtB,cAAc,EAAE,kBAAkB,GACnC;;AAED,AAAA,IAAI,CAAC;EACH,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,gBAAgB,ECiBA,OAAkB,GDhBnC;;AAED,AAAA,CAAC;AACD,CAAC,AAAA,QAAQ;AACT,CAAC,AAAA,OAAO,CAAC;EACP,UAAU,EAAE,UAAU,GACvB;;AAED,AAAA,EAAE;AACF,EAAE;AACF,EAAE;AACF,EAAE;AACF,EAAE;AACF,EAAE;AACF,CAAC,CAAC;EACA,MAAM,EAAE,CAAC;EACT,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,GAAG,GACjB;;AAED,AAAA,OAAO;AACP,YAAY,CAAC;EACX,UAAU,ECNM,OAAkB,GDOnC;;AAED,AAAA,OAAO,CAAC;EACN,OAAO,EAAE,KAAK,GACf;;AAED,AAAA,UAAU,CAAC;EACT,MAAM,EAAE,MAAM;EACd,OAAO,ECDM,IAAI,CAEG,IAAI;EDAxB,SAAS,EAAE,MAAM,GAClB;;AAED,AAAA,kBAAkB,CAAC;EACjB,UAAU,ECjBE,KAAkB;EDkB9B,aAAa,EAAE,GAAG;EAClB,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,kBAAkB;EAC9C,aAAa,EAAE,IAAwB,GACxC;;AAED,AAAA,EAAE,CAAC;EACD,MAAM,EAAE,CAAC;EACT,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,CAAC;EACd,YAAY,EChBE,IAAI,GDiBnB;;AAED,AAAA,OAAO,GAAG,OAAO,CAAC;EAChB,UAAU,EAAE,IAAwB,GACrC;;AAED,AAAA,KAAK,CAAC;EACJ,YAAY,EAAE,KAAK;EACnB,eAAe,EAAE,QAAQ;EACzB,cAAc,EAAE,IAAI;EACpB,KAAK,EAAE,IAAI,GACZ;;AAED,AAAA,EAAE;AACF,EAAE,CAAC;EACD,OAAO,EAAE,MAAM;EACf,cAAc,EAAE,QAAQ;EACxB,UAAU,EAAE,UAAU;EACtB,OAAO,EAAE,IAAI,GACd;;AAED,AAAA,EAAE,CAAC;EACD,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,IAAI,GACjB;;AAED,AAAA,KAAK,CAAC,EAAE,CAAC;EACP,aAAa,EAAE,GAAG,CAAC,KAAK,CCtGH,OAAkB;EDuGvC,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,MAAM;EACtB,KAAK,EClEa,OAAiB,GDmEpC;;AAED,AAAA,KAAK,CAAC,EAAE,AAAA,YAAY,CAAC;EACnB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO,GACf;;AAED,AAAA,IAAI,CAAC;EACH,WAAW,ECrDU,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,GDsDnE;;AAED,AAAA,WAAW;AACX,WAAW,CAAC;EACV,OAAO,EAAE,YAAY;EACrB,cAAc,EAAE,MAAM;EACtB,UAAU,EC/EA,OAAkB,GDgF7B;;AAED,AAAA,WAAW,CAAC;EACV,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI,GACb;;AAED,AAAA,WAAW,AAAA,mBAAmB,CAAC;EAC7B,KAAK,EAAE,IAAI,GACZ;;AAED,AAAA,oBAAoB,CAAC;EACnB,aAAa,EAAE,GAAG,CAAC,KAAK,CC5Fd,OAAkB;ED6F5B,gBAAgB,EAAE,6CAAgD;EAClE,eAAe,EAAE,SAAS,GAC3B"}
\ No newline at end of file
+{"version":3,"file":"index.css","sources":["polaris-index.scss","../dist/index.scss"],"sourcesContent":["// stylelint-disable property-no-vendor-prefix, selector-max-type, selector-class-pattern\n\n@import '../dist/index';\n\nhtml,\nbody {\n  font-size: 1.5rem;\n  font-weight: 400;\n  line-height: 2rem;\n  text-transform: initial;\n  letter-spacing: initial;\n  color: $color-ink;\n  font-family: $font-stack-base;\n}\n\n@media (min-width: 40em) {\n  html,\n  body {\n    font-size: 1.4rem;\n  }\n}\n\nhtml {\n  position: relative;\n  box-sizing: border-box;\n  font-size: 62.5%;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n}\n\nbody {\n  min-height: 100%;\n  margin: 0;\n  padding: 0;\n  background-color: $color-sky-light;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  margin: 0;\n  font-size: 1em;\n  font-weight: 400;\n}\n\n.banner,\n.contentinfo {\n  background: $color-sky-light;\n}\n\n.banner {\n  padding: 1em 0;\n}\n\n.container {\n  margin: 0 auto;\n  padding: $spacing-base $spacing-extra-loose;\n  max-width: 128rem;\n}\n\n.container--shadow {\n  background: $color-white;\n  border-radius: 6px;\n  box-shadow: 0 1.2rem 3.6rem rgba(0, 0, 0, 0.2);\n  margin-bottom: $spacing-extra-loose * 2;\n}\n\nh1 {\n  margin: 0;\n  font-size: 3rem;\n  font-weight: 400;\n  line-height: 2;\n  padding-left: $spacing-loose;\n}\n\nsection + section {\n  margin-top: $spacing-extra-loose * 2;\n}\n\ntable {\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 1rem;\n  width: 100%;\n}\n\nth,\ntd {\n  padding: 0 1rem;\n  vertical-align: baseline;\n  word-break: break-word;\n  hyphens: auto;\n}\n\nth {\n  font-weight: 400;\n  text-align: left;\n}\n\nthead th {\n  border-bottom: 1px solid $color-indigo-lighter;\n  padding-top: 1rem;\n  padding-bottom: 0.5rem;\n  color: $color-ink-lighter;\n}\n\nthead th:first-child {\n  font-size: 2rem;\n  color: inherit;\n}\n\ncode {\n  font-family: $font-stack-monospace;\n}\n\n.metric-box,\n.radius-box {\n  display: inline-block;\n  vertical-align: middle;\n  background: $color-sky;\n}\n\n.radius-box {\n  width: 100%;\n  height: 3rem;\n}\n\n.radius-box.borderRadiusCircle {\n  width: 3rem;\n}\n\n.line-height-example {\n  border-bottom: 1px solid $color-sky;\n  background-image: linear-gradient($color-sky 1px, transparent 1px);\n  background-size: 100% 1rem;\n}\n","\n$color-purple-text: rgb(80, 73, 90);\n$color-purple-darker: rgb(35, 0, 81);\n$color-purple-dark: rgb(80, 36, 143);\n$color-purple: rgb(156, 106, 222);\n$color-purple-light: rgb(227, 208, 255);\n$color-purple-lighter: rgb(246, 240, 253);\n$color-indigo-text: rgb(62, 65, 85);\n$color-indigo-darker: rgb(0, 6, 57);\n$color-indigo-dark: rgb(32, 46, 120);\n$color-indigo: rgb(92, 106, 196);\n$color-indigo-light: rgb(179, 188, 245);\n$color-indigo-lighter: rgb(244, 245, 250);\n$color-blue-text: rgb(62, 78, 87);\n$color-blue-darker: rgb(0, 20, 41);\n$color-blue-dark: rgb(8, 78, 138);\n$color-blue: rgb(0, 111, 187);\n$color-blue-light: rgb(180, 225, 250);\n$color-blue-lighter: rgb(235, 245, 250);\n$color-teal-text: rgb(64, 83, 82);\n$color-teal-darker: rgb(0, 49, 53);\n$color-teal-dark: rgb(0, 132, 142);\n$color-teal: rgb(71, 193, 191);\n$color-teal-light: rgb(183, 236, 236);\n$color-teal-lighter: rgb(224, 245, 245);\n$color-green-text: rgb(65, 79, 62);\n$color-green-darker: rgb(23, 54, 48);\n$color-green-dark: rgb(16, 128, 67);\n$color-green: rgb(80, 184, 60);\n$color-green-light: rgb(187, 229, 179);\n$color-green-lighter: rgb(227, 241, 223);\n$color-yellow-text: rgb(89, 81, 48);\n$color-yellow-darker: rgb(87, 59, 0);\n$color-yellow-dark: rgb(138, 97, 22);\n$color-yellow: rgb(238, 194, 0);\n$color-yellow-light: rgb(255, 234, 138);\n$color-yellow-lighter: rgb(252, 241, 205);\n$color-orange-text: rgb(89, 68, 48);\n$color-orange-darker: rgb(74, 21, 4);\n$color-orange-dark: rgb(192, 87, 23);\n$color-orange: rgb(244, 147, 66);\n$color-orange-light: rgb(255, 197, 139);\n$color-orange-lighter: rgb(252, 235, 219);\n$color-red-text: rgb(88, 60, 53);\n$color-red-darker: rgb(51, 1, 1);\n$color-red-dark: rgb(191, 7, 17);\n$color-red: rgb(222, 54, 24);\n$color-red-light: rgb(254, 173, 154);\n$color-red-lighter: rgb(251, 234, 229);\n$color-ink: rgb(33, 43, 54);\n$color-ink-light: rgb(69, 79, 91);\n$color-ink-lighter: rgb(99, 115, 129);\n$color-ink-lightest: rgb(145, 158, 171);\n$color-sky-dark: rgb(196, 205, 213);\n$color-sky: rgb(223, 227, 232);\n$color-sky-light: rgb(244, 246, 248);\n$color-sky-lighter: rgb(249, 250, 251);\n$color-black: rgb(0, 0, 0);\n$color-white: rgb(255, 255, 255);\n$duration-none: 0;\n$duration-fast: 100ms;\n$duration-base: 200ms;\n$duration-slow: 300ms;\n$duration-slower: 400ms;\n$duration-slowest: 500ms;\n$spacing-none: 0;\n$spacing-extra-tight: 4px;\n$spacing-tight: 8px;\n$spacing-base-tight: 12px;\n$spacing-base: 16px;\n$spacing-loose: 20px;\n$spacing-extra-loose: 32px;\n$font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif;\n$font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;\n"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 7e286213..af983ce0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -264,8 +264,8 @@ <h1>Design Tokens</h1>
     
       <tr>
         <th scope="row"><code>color-blue</code></th>
-        <td><code>#007ace</code></td>
-        <td style="background-color: #007ace; border: 1px solid #f6f6f6;"></td>
+        <td><code>#006fbb</code></td>
+        <td style="background-color: #006fbb; border: 1px solid #f6f6f6;"></td>
         <td></td>
       </tr>
     
diff --git a/tokens/colors.yml b/tokens/colors.yml
index f4a610be..099c3069 100644
--- a/tokens/colors.yml
+++ b/tokens/colors.yml
@@ -1,7 +1,7 @@
 # DO NOT MANUALLY EDIT THIS FILE
 # This file was automatically generated
 # Run 'yarn get-tokens-from-invision-dsm' to generate a new version
-# Last updated: 2019-01-04T14:40:34.360Z
+# Last updated: 2019-06-04T20:31:34.389Z
 aliases:
   color-purple-text: '#50495a'
   color-purple-darker: '#230051'
@@ -18,7 +18,7 @@ aliases:
   color-blue-text: '#3e4e57'
   color-blue-darker: '#001429'
   color-blue-dark: '#084e8a'
-  color-blue: '#007ace'
+  color-blue: '#006fbb'
   color-blue-light: '#b4e1fa'
   color-blue-lighter: '#ebf5fa'
   color-teal-text: '#405352'
@@ -297,8 +297,8 @@ props:
     meta:
       friendlyName: Yellow Dark
       filter: >-
-        brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%)
-        hue-rotate(31deg) brightness(93%) contrast(80%)
+        brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%)
+        hue-rotate(0deg) brightness(93%) contrast(89%)
   - name: color-yellow
     value: '{!color-yellow}'
     meta: