diff --git a/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap b/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap
index 9b2a2c8f2490a..0ddf23cb932fb 100644
--- a/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap
+++ b/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap
@@ -295,7 +295,7 @@ NodeList [
         class="euiTableCellContent euiTableCellContent--overflowingContent"
       >
         <span
-          class="euiBadge euiBadge--iconLeft euiBadge--hollow"
+          class="euiBadge euiBadge--hollow euiBadge--iconLeft"
           title="test"
         >
           <span
@@ -309,7 +309,7 @@ NodeList [
           </span>
         </span>
         <span
-          class="euiBadge euiBadge--iconLeft euiBadge--hollow"
+          class="euiBadge euiBadge--hollow euiBadge--iconLeft"
           title="dev"
         >
           <span
diff --git a/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/waterfall_helpers/__snapshots__/waterfall_helpers.test.ts.snap b/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/waterfall_helpers/__snapshots__/waterfall_helpers.test.ts.snap
index c95855c117047..5b1b9be33c375 100644
--- a/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/waterfall_helpers/__snapshots__/waterfall_helpers.test.ts.snap
+++ b/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/waterfall_helpers/__snapshots__/waterfall_helpers.test.ts.snap
@@ -809,7 +809,7 @@ Object {
   },
   "serviceColors": Object {
     "opbeans-node": "#6092c0",
-    "opbeans-ruby": "#5bbaa0",
+    "opbeans-ruby": "#54b399",
   },
 }
 `;
diff --git a/x-pack/legacy/plugins/apm/public/components/shared/charts/CustomPlot/test/__snapshots__/CustomPlot.test.js.snap b/x-pack/legacy/plugins/apm/public/components/shared/charts/CustomPlot/test/__snapshots__/CustomPlot.test.js.snap
index 1bf125c301644..4c7d21d968088 100644
--- a/x-pack/legacy/plugins/apm/public/components/shared/charts/CustomPlot/test/__snapshots__/CustomPlot.test.js.snap
+++ b/x-pack/legacy/plugins/apm/public/components/shared/charts/CustomPlot/test/__snapshots__/CustomPlot.test.js.snap
@@ -14,7 +14,7 @@ Array [
     </ForwardRef(styled.span)>,
   },
   Object {
-    "color": "#fae181",
+    "color": "#d6bf57",
     "disabled": undefined,
     "onClick": [Function],
     "text": <ForwardRef(styled.span)>
@@ -22,7 +22,7 @@ Array [
     </ForwardRef(styled.span)>,
   },
   Object {
-    "color": "#f19f58",
+    "color": "#da8b45",
     "disabled": undefined,
     "onClick": [Function],
     "text": <ForwardRef(styled.span)>
@@ -442,7 +442,7 @@ Array [
               style={
                 Object {
                   "opacity": 1,
-                  "stroke": "#f19f58",
+                  "stroke": "#da8b45",
                   "strokeDasharray": undefined,
                   "strokeWidth": undefined,
                 }
@@ -463,9 +463,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -480,9 +480,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -497,9 +497,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -514,9 +514,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -531,9 +531,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -548,9 +548,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -565,9 +565,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -582,9 +582,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -599,9 +599,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -616,9 +616,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -633,9 +633,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -650,9 +650,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -667,9 +667,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -684,9 +684,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -701,9 +701,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -718,9 +718,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -735,9 +735,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -752,9 +752,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -769,9 +769,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -786,9 +786,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -803,9 +803,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -820,9 +820,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -837,9 +837,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -854,9 +854,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -871,9 +871,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -888,9 +888,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -905,9 +905,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -922,9 +922,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -939,9 +939,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -956,9 +956,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -973,9 +973,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -995,7 +995,7 @@ Array [
               style={
                 Object {
                   "opacity": 1,
-                  "stroke": "#fae181",
+                  "stroke": "#d6bf57",
                   "strokeDasharray": undefined,
                   "strokeWidth": undefined,
                 }
@@ -1016,9 +1016,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1033,9 +1033,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1050,9 +1050,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1067,9 +1067,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1084,9 +1084,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1101,9 +1101,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1118,9 +1118,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1135,9 +1135,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1152,9 +1152,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1169,9 +1169,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1186,9 +1186,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1203,9 +1203,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1220,9 +1220,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1237,9 +1237,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1254,9 +1254,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1271,9 +1271,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1288,9 +1288,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1305,9 +1305,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1322,9 +1322,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1339,9 +1339,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1356,9 +1356,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1373,9 +1373,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1390,9 +1390,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1407,9 +1407,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1424,9 +1424,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1441,9 +1441,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1458,9 +1458,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1475,9 +1475,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1492,9 +1492,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1509,9 +1509,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -1526,9 +1526,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -2659,7 +2659,7 @@ Array [
   width: 11px;
   height: 11px;
   margin-right: 5.5px;
-  background: #fae181;
+  background: #d6bf57;
   border-radius: 100%;
 }
 
@@ -2667,7 +2667,7 @@ Array [
   width: 11px;
   height: 11px;
   margin-right: 5.5px;
-  background: #f19f58;
+  background: #da8b45;
   border-radius: 100%;
 }
 
@@ -2764,14 +2764,14 @@ Array [
           onClick={[Function]}
         >
           <styled.span
-            color="#fae181"
+            color="#d6bf57"
             radius={11}
             shape="circle"
             withMargin={true}
           >
             <span
               className="c5"
-              color="#fae181"
+              color="#d6bf57"
               radius={11}
               shape="circle"
             />
@@ -2798,14 +2798,14 @@ Array [
           onClick={[Function]}
         >
           <styled.span
-            color="#f19f58"
+            color="#da8b45"
             radius={11}
             shape="circle"
             withMargin={true}
           >
             <span
               className="c6"
-              color="#f19f58"
+              color="#da8b45"
               radius={11}
               shape="circle"
             />
@@ -2854,12 +2854,12 @@ Array [
     "value": 438704.4,
   },
   Object {
-    "color": "#fae181",
+    "color": "#d6bf57",
     "text": "95th",
     "value": 1557383.999999999,
   },
   Object {
-    "color": "#f19f58",
+    "color": "#da8b45",
     "text": "99th",
     "value": 1820377.1200000006,
   },
@@ -2899,7 +2899,7 @@ Array [
   width: 8px;
   height: 8px;
   margin-right: 4px;
-  background: #fae181;
+  background: #d6bf57;
   border-radius: 100%;
 }
 
@@ -2907,7 +2907,7 @@ Array [
   width: 8px;
   height: 8px;
   margin-right: 4px;
-  background: #f19f58;
+  background: #da8b45;
   border-radius: 100%;
 }
 
@@ -3378,7 +3378,7 @@ Array [
               style={
                 Object {
                   "opacity": 1,
-                  "stroke": "#f19f58",
+                  "stroke": "#da8b45",
                   "strokeDasharray": undefined,
                   "strokeWidth": undefined,
                 }
@@ -3399,9 +3399,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3416,9 +3416,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3433,9 +3433,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3450,9 +3450,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3467,9 +3467,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3484,9 +3484,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3501,9 +3501,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3518,9 +3518,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3535,9 +3535,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3552,9 +3552,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3569,9 +3569,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3586,9 +3586,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3603,9 +3603,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3620,9 +3620,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3637,9 +3637,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3654,9 +3654,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3671,9 +3671,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3688,9 +3688,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3705,9 +3705,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3722,9 +3722,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3739,9 +3739,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3756,9 +3756,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3773,9 +3773,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3790,9 +3790,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3807,9 +3807,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3824,9 +3824,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3841,9 +3841,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3858,9 +3858,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3875,9 +3875,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3892,9 +3892,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3909,9 +3909,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#f19f58",
+                    "fill": "#da8b45",
                     "opacity": 1,
-                    "stroke": "#f19f58",
+                    "stroke": "#da8b45",
                     "strokeWidth": 1,
                   }
                 }
@@ -3931,7 +3931,7 @@ Array [
               style={
                 Object {
                   "opacity": 1,
-                  "stroke": "#fae181",
+                  "stroke": "#d6bf57",
                   "strokeDasharray": undefined,
                   "strokeWidth": undefined,
                 }
@@ -3952,9 +3952,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -3969,9 +3969,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -3986,9 +3986,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4003,9 +4003,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4020,9 +4020,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4037,9 +4037,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4054,9 +4054,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4071,9 +4071,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4088,9 +4088,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4105,9 +4105,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4122,9 +4122,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4139,9 +4139,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4156,9 +4156,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4173,9 +4173,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4190,9 +4190,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4207,9 +4207,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4224,9 +4224,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4241,9 +4241,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4258,9 +4258,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4275,9 +4275,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4292,9 +4292,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4309,9 +4309,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4326,9 +4326,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4343,9 +4343,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4360,9 +4360,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4377,9 +4377,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4394,9 +4394,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4411,9 +4411,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4428,9 +4428,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4445,9 +4445,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -4462,9 +4462,9 @@ Array [
                 r={0.5}
                 style={
                   Object {
-                    "fill": "#fae181",
+                    "fill": "#d6bf57",
                     "opacity": 1,
-                    "stroke": "#fae181",
+                    "stroke": "#d6bf57",
                     "strokeWidth": 1,
                   }
                 }
@@ -5072,9 +5072,9 @@ Array [
               r={5}
               style={
                 Object {
-                  "fill": "#f19f58",
+                  "fill": "#da8b45",
                   "opacity": 1,
-                  "stroke": "#f19f58",
+                  "stroke": "#da8b45",
                   "strokeWidth": 1,
                 }
               }
@@ -5089,9 +5089,9 @@ Array [
               r={5}
               style={
                 Object {
-                  "fill": "#fae181",
+                  "fill": "#d6bf57",
                   "opacity": 1,
-                  "stroke": "#fae181",
+                  "stroke": "#d6bf57",
                   "strokeWidth": 1,
                 }
               }
@@ -5204,7 +5204,7 @@ Array [
                       className="c3"
                     >
                       <Styled(Legend)
-                        color="#fae181"
+                        color="#d6bf57"
                         radius={8}
                         text="95th"
                       >
@@ -5220,14 +5220,14 @@ Array [
                             fontSize="12px"
                           >
                             <styled.span
-                              color="#fae181"
+                              color="#d6bf57"
                               radius={8}
                               shape="circle"
                               withMargin={true}
                             >
                               <span
                                 className="c8"
-                                color="#fae181"
+                                color="#d6bf57"
                                 radius={8}
                                 shape="circle"
                               />
@@ -5250,7 +5250,7 @@ Array [
                       className="c3"
                     >
                       <Styled(Legend)
-                        color="#f19f58"
+                        color="#da8b45"
                         radius={8}
                         text="99th"
                       >
@@ -5266,14 +5266,14 @@ Array [
                             fontSize="12px"
                           >
                             <styled.span
-                              color="#f19f58"
+                              color="#da8b45"
                               radius={8}
                               shape="circle"
                               withMargin={true}
                             >
                               <span
                                 className="c9"
-                                color="#f19f58"
+                                color="#da8b45"
                                 radius={8}
                                 shape="circle"
                               />
@@ -5838,7 +5838,7 @@ Array [
   width: 11px;
   height: 11px;
   margin-right: 5.5px;
-  background: #fae181;
+  background: #d6bf57;
   border-radius: 100%;
 }
 
@@ -5846,7 +5846,7 @@ Array [
   width: 11px;
   height: 11px;
   margin-right: 5.5px;
-  background: #f19f58;
+  background: #da8b45;
   border-radius: 100%;
 }
 
@@ -5943,14 +5943,14 @@ Array [
           onClick={[Function]}
         >
           <styled.span
-            color="#fae181"
+            color="#d6bf57"
             radius={11}
             shape="circle"
             withMargin={true}
           >
             <span
               className="c5"
-              color="#fae181"
+              color="#d6bf57"
               radius={11}
               shape="circle"
             />
@@ -5977,14 +5977,14 @@ Array [
           onClick={[Function]}
         >
           <styled.span
-            color="#f19f58"
+            color="#da8b45"
             radius={11}
             shape="circle"
             withMargin={true}
           >
             <span
               className="c6"
-              color="#f19f58"
+              color="#da8b45"
               radius={11}
               shape="circle"
             />
diff --git a/x-pack/legacy/plugins/apm/public/selectors/__tests__/chartSelectors.test.ts b/x-pack/legacy/plugins/apm/public/selectors/__tests__/chartSelectors.test.ts
index e2095963370b0..b2838c22df106 100644
--- a/x-pack/legacy/plugins/apm/public/selectors/__tests__/chartSelectors.test.ts
+++ b/x-pack/legacy/plugins/apm/public/selectors/__tests__/chartSelectors.test.ts
@@ -67,7 +67,7 @@ describe('chartSelectors', () => {
           type: 'linemark'
         },
         {
-          color: '#D6BF57',
+          color: '#d6bf57',
           data: [
             { x: 0, y: 200 },
             { x: 1000, y: 300 }
@@ -77,7 +77,7 @@ describe('chartSelectors', () => {
           type: 'linemark'
         },
         {
-          color: '#DA8B45',
+          color: '##da8b45',
           data: [
             { x: 0, y: 300 },
             { x: 1000, y: 400 }
diff --git a/x-pack/legacy/plugins/apm/server/lib/transactions/breakdown/index.test.ts b/x-pack/legacy/plugins/apm/server/lib/transactions/breakdown/index.test.ts
index be39adbe0baca..476928a5bcb63 100644
--- a/x-pack/legacy/plugins/apm/server/lib/transactions/breakdown/index.test.ts
+++ b/x-pack/legacy/plugins/apm/server/lib/transactions/breakdown/index.test.ts
@@ -70,7 +70,7 @@ describe('getTransactionBreakdown', () => {
 
     expect(response.kpis[0]).toEqual({
       name: 'app',
-      color: '#54B399',
+      color: '#54b399',
       percentage: 0.5408550899466306
     });
 
diff --git a/x-pack/legacy/plugins/canvas/public/components/element_card/__examples__/__snapshots__/element_card.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/element_card/__examples__/__snapshots__/element_card.examples.storyshot
index 5eedf32020e4c..328e25e995189 100644
--- a/x-pack/legacy/plugins/canvas/public/components/element_card/__examples__/__snapshots__/element_card.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/element_card/__examples__/__snapshots__/element_card.examples.storyshot
@@ -163,7 +163,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
         style={
           Object {
             "backgroundColor": "#666666",
-            "color": "#FFFFFF",
+            "color": "#fff",
           }
         }
       >
@@ -182,7 +182,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
         style={
           Object {
             "backgroundColor": "#666666",
-            "color": "#FFFFFF",
+            "color": "#fff",
           }
         }
       >
@@ -201,7 +201,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
         style={
           Object {
             "backgroundColor": "#666666",
-            "color": "#FFFFFF",
+            "color": "#fff",
           }
         }
       >
@@ -220,7 +220,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
         style={
           Object {
             "backgroundColor": "#666666",
-            "color": "#FFFFFF",
+            "color": "#fff",
           }
         }
       >
@@ -239,7 +239,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
         style={
           Object {
             "backgroundColor": "#666666",
-            "color": "#FFFFFF",
+            "color": "#fff",
           }
         }
       >
@@ -258,7 +258,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
         style={
           Object {
             "backgroundColor": "#666666",
-            "color": "#FFFFFF",
+            "color": "#fff",
           }
         }
       >
diff --git a/x-pack/legacy/plugins/canvas/public/components/element_types/__examples__/__snapshots__/element_grid.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/element_types/__examples__/__snapshots__/element_grid.examples.storyshot
index c9fb77061572d..3a52402400822 100644
--- a/x-pack/legacy/plugins/canvas/public/components/element_types/__examples__/__snapshots__/element_grid.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/element_types/__examples__/__snapshots__/element_grid.examples.storyshot
@@ -525,7 +525,7 @@ exports[`Storyshots components/Elements/ElementGrid with tags filter 1`] = `
             style={
               Object {
                 "backgroundColor": "#666666",
-                "color": "#FFFFFF",
+                "color": "#fff",
               }
             }
           >
@@ -605,7 +605,7 @@ exports[`Storyshots components/Elements/ElementGrid with text filter 1`] = `
             style={
               Object {
                 "backgroundColor": "#666666",
-                "color": "#FFFFFF",
+                "color": "#fff",
               }
             }
           >
@@ -685,7 +685,7 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
             style={
               Object {
                 "backgroundColor": "#666666",
-                "color": "#FFFFFF",
+                "color": "#fff",
               }
             }
           >
@@ -750,7 +750,7 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
             style={
               Object {
                 "backgroundColor": "#666666",
-                "color": "#FFFFFF",
+                "color": "#fff",
               }
             }
           >
@@ -815,7 +815,7 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
             style={
               Object {
                 "backgroundColor": "#666666",
-                "color": "#FFFFFF",
+                "color": "#fff",
               }
             }
           >
diff --git a/x-pack/legacy/plugins/canvas/public/components/tag/__examples__/__snapshots__/tag.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/tag/__examples__/__snapshots__/tag.examples.storyshot
index 562feb8111e41..754724a957e2d 100644
--- a/x-pack/legacy/plugins/canvas/public/components/tag/__examples__/__snapshots__/tag.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/tag/__examples__/__snapshots__/tag.examples.storyshot
@@ -6,7 +6,7 @@ exports[`Storyshots components/Tags/Tag as badge 1`] = `
   style={
     Object {
       "backgroundColor": "#666666",
-      "color": "#FFFFFF",
+      "color": "#fff",
     }
   }
 >
@@ -28,7 +28,7 @@ exports[`Storyshots components/Tags/Tag as badge with color 1`] = `
   style={
     Object {
       "backgroundColor": "#327b53",
-      "color": "#FFFFFF",
+      "color": "#fff",
     }
   }
 >
diff --git a/x-pack/legacy/plugins/canvas/public/components/tag_list/__examples__/__snapshots__/tag_list.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/tag_list/__examples__/__snapshots__/tag_list.examples.storyshot
index 9dcf55642c66f..7671b0bfb4937 100644
--- a/x-pack/legacy/plugins/canvas/public/components/tag_list/__examples__/__snapshots__/tag_list.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/tag_list/__examples__/__snapshots__/tag_list.examples.storyshot
@@ -9,7 +9,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#cc3b54",
-        "color": "#FFFFFF",
+        "color": "#fff",
       }
     }
   >
@@ -28,7 +28,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#5bc149",
-        "color": "#000000",
+        "color": "#000",
       }
     }
   >
@@ -47,7 +47,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#fbc545",
-        "color": "#000000",
+        "color": "#000",
       }
     }
   >
@@ -172,7 +172,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#cc3b54",
-        "color": "#FFFFFF",
+        "color": "#fff",
       }
     }
   >
@@ -191,7 +191,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#5bc149",
-        "color": "#000000",
+        "color": "#000",
       }
     }
   >
@@ -210,7 +210,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#fbc545",
-        "color": "#000000",
+        "color": "#000",
       }
     }
   >
@@ -229,7 +229,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#9b3067",
-        "color": "#FFFFFF",
+        "color": "#fff",
       }
     }
   >
@@ -248,7 +248,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#1819bd",
-        "color": "#FFFFFF",
+        "color": "#fff",
       }
     }
   >
@@ -267,7 +267,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#d41e93",
-        "color": "#FFFFFF",
+        "color": "#fff",
       }
     }
   >
@@ -286,7 +286,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#3486d2",
-        "color": "#000000",
+        "color": "#000",
       }
     }
   >
@@ -305,7 +305,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#b870d8",
-        "color": "#000000",
+        "color": "#000",
       }
     }
   >
@@ -324,7 +324,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#f4a4a7",
-        "color": "#000000",
+        "color": "#000",
       }
     }
   >
@@ -343,7 +343,7 @@ Array [
     style={
       Object {
         "backgroundColor": "#072d6d",
-        "color": "#FFFFFF",
+        "color": "#fff",
       }
     }
   >
diff --git a/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap b/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap
index 76802e701b387..495d7a7bcd77e 100644
--- a/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap
+++ b/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap
@@ -88,15 +88,15 @@ exports[`xy_expression XYChart component it renders area 1`] = `
         "colors": Object {
           "defaultVizColor": "#6092C0",
           "vizColors": Array [
-            "#5BBAA0",
+            "#54B399",
             "#6092C0",
             "#D36086",
             "#9170B8",
-            "#EEAFCF",
-            "#FAE181",
-            "#CDBD9D",
-            "#F19F58",
-            "#B46F5F",
+            "#CA8EAE",
+            "#D6BF57",
+            "#B9A888",
+            "#DA8B45",
+            "#AA6556",
             "#E7664C",
           ],
         },
@@ -274,15 +274,15 @@ exports[`xy_expression XYChart component it renders bar 1`] = `
         "colors": Object {
           "defaultVizColor": "#6092C0",
           "vizColors": Array [
-            "#5BBAA0",
+            "#54B399",
             "#6092C0",
             "#D36086",
             "#9170B8",
-            "#EEAFCF",
-            "#FAE181",
-            "#CDBD9D",
-            "#F19F58",
-            "#B46F5F",
+            "#CA8EAE",
+            "#D6BF57",
+            "#B9A888",
+            "#DA8B45",
+            "#AA6556",
             "#E7664C",
           ],
         },
@@ -460,15 +460,15 @@ exports[`xy_expression XYChart component it renders horizontal bar 1`] = `
         "colors": Object {
           "defaultVizColor": "#6092C0",
           "vizColors": Array [
-            "#5BBAA0",
+            "#54B399",
             "#6092C0",
             "#D36086",
             "#9170B8",
-            "#EEAFCF",
-            "#FAE181",
-            "#CDBD9D",
-            "#F19F58",
-            "#B46F5F",
+            "#CA8EAE",
+            "#D6BF57",
+            "#B9A888",
+            "#DA8B45",
+            "#AA6556",
             "#E7664C",
           ],
         },
@@ -646,15 +646,15 @@ exports[`xy_expression XYChart component it renders line 1`] = `
         "colors": Object {
           "defaultVizColor": "#6092C0",
           "vizColors": Array [
-            "#5BBAA0",
+            "#54B399",
             "#6092C0",
             "#D36086",
             "#9170B8",
-            "#EEAFCF",
-            "#FAE181",
-            "#CDBD9D",
-            "#F19F58",
-            "#B46F5F",
+            "#CA8EAE",
+            "#D6BF57",
+            "#B9A888",
+            "#DA8B45",
+            "#AA6556",
             "#E7664C",
           ],
         },
@@ -832,15 +832,15 @@ exports[`xy_expression XYChart component it renders stacked area 1`] = `
         "colors": Object {
           "defaultVizColor": "#6092C0",
           "vizColors": Array [
-            "#5BBAA0",
+            "#54B399",
             "#6092C0",
             "#D36086",
             "#9170B8",
-            "#EEAFCF",
-            "#FAE181",
-            "#CDBD9D",
-            "#F19F58",
-            "#B46F5F",
+            "#CA8EAE",
+            "#D6BF57",
+            "#B9A888",
+            "#DA8B45",
+            "#AA6556",
             "#E7664C",
           ],
         },
@@ -1022,15 +1022,15 @@ exports[`xy_expression XYChart component it renders stacked bar 1`] = `
         "colors": Object {
           "defaultVizColor": "#6092C0",
           "vizColors": Array [
-            "#5BBAA0",
+            "#54B399",
             "#6092C0",
             "#D36086",
             "#9170B8",
-            "#EEAFCF",
-            "#FAE181",
-            "#CDBD9D",
-            "#F19F58",
-            "#B46F5F",
+            "#CA8EAE",
+            "#D6BF57",
+            "#B9A888",
+            "#DA8B45",
+            "#AA6556",
             "#E7664C",
           ],
         },
@@ -1212,15 +1212,15 @@ exports[`xy_expression XYChart component it renders stacked horizontal bar 1`] =
         "colors": Object {
           "defaultVizColor": "#6092C0",
           "vizColors": Array [
-            "#5BBAA0",
+            "#54B399",
             "#6092C0",
             "#D36086",
             "#9170B8",
-            "#EEAFCF",
-            "#FAE181",
-            "#CDBD9D",
-            "#F19F58",
-            "#B46F5F",
+            "#CA8EAE",
+            "#D6BF57",
+            "#B9A888",
+            "#DA8B45",
+            "#AA6556",
             "#E7664C",
           ],
         },
diff --git a/x-pack/legacy/plugins/maps/public/components/__snapshots__/validated_range.test.js.snap b/x-pack/legacy/plugins/maps/public/components/__snapshots__/validated_range.test.js.snap
index 369132068e090..1faf4f0c1105c 100644
--- a/x-pack/legacy/plugins/maps/public/components/__snapshots__/validated_range.test.js.snap
+++ b/x-pack/legacy/plugins/maps/public/components/__snapshots__/validated_range.test.js.snap
@@ -5,6 +5,7 @@ exports[`Should display error message when value is outside of range 1`] = `
   <EuiRange
     compressed={false}
     fullWidth={false}
+    isLoading={false}
     levels={Array []}
     max={10}
     min={0}
@@ -36,6 +37,7 @@ exports[`Should pass slider props to slider 1`] = `
 <EuiRange
   compressed={false}
   fullWidth={false}
+  isLoading={false}
   levels={Array []}
   max={10}
   min={0}
@@ -54,6 +56,7 @@ exports[`Should render slider 1`] = `
 <EuiRange
   compressed={false}
   fullWidth={false}
+  isLoading={false}
   levels={Array []}
   max={10}
   min={0}
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap
index 11fd78d81052a..ba35940ff0e5f 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap
@@ -24,14 +24,6 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
             "size": "64px",
           },
         },
-        "badgeTypes": Object {
-          "accent": "#e2a7c2",
-          "danger": "#e65c5c",
-          "default": "#343741",
-          "primary": "#388ebc",
-          "secondary": "#9dc2bc",
-          "warning": "#ebc98e",
-        },
         "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
         "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
         "euiAnimSpeedExtraFast": "90ms",
@@ -167,16 +159,26 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
         "euiColorPrimary": "#1ba9f5",
         "euiColorSecondary": "#7de2d1",
         "euiColorSuccess": "#7de2d1",
-        "euiColorVis0": "#5bbaa0",
+        "euiColorVis0": "#54b399",
+        "euiColorVis0_behindText": "#6dccb1",
         "euiColorVis1": "#6092c0",
+        "euiColorVis1_behindText": "#79aad9",
         "euiColorVis2": "#d36086",
+        "euiColorVis2_behindText": "#ee789d",
         "euiColorVis3": "#9170b8",
-        "euiColorVis4": "#eeafcf",
-        "euiColorVis5": "#fae181",
-        "euiColorVis6": "#cdbd9d",
-        "euiColorVis7": "#f19f58",
-        "euiColorVis8": "#b46f5f",
+        "euiColorVis3_behindText": "#a987d1",
+        "euiColorVis4": "#ca8eae",
+        "euiColorVis4_behindText": "#e4a6c7",
+        "euiColorVis5": "#d6bf57",
+        "euiColorVis5_behindText": "#f1d86f",
+        "euiColorVis6": "#b9a888",
+        "euiColorVis6_behindText": "#d2c0a0",
+        "euiColorVis7": "#da8b45",
+        "euiColorVis7_behindText": "#f5a35c",
+        "euiColorVis8": "#aa6556",
+        "euiColorVis8_behindText": "#c47c6c",
         "euiColorVis9": "#e7664c",
+        "euiColorVis9_behindText": "#ff7e62",
         "euiColorWarning": "#ffce7a",
         "euiContextMenuWidth": "256px",
         "euiControlBarBackground": "#000000",
@@ -214,7 +216,7 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
         "euiFocusBackgroundColor": "#232635",
         "euiFocusRingAnimStartColor": "rgba(27, 169, 245, 0)",
         "euiFocusRingColor": "rgba(27, 169, 245, 0.3)",
-        "euiFocusRingSize": "2px",
+        "euiFocusRingSize": "3px",
         "euiFocusRingSizeLarge": "4px",
         "euiFontFamily": "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
         "euiFontFeatureSettings": "calt 1 kern 1 liga 1",
@@ -289,6 +291,48 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
         "euiNavDrawerWidthCollapsed": "48px",
         "euiNavDrawerWidthExpanded": "240px",
         "euiPageBackgroundColor": "#1a1b20",
+        "euiPaletteColorBlind": Object {
+          "euiColorVis0": Object {
+            "behindText": "#6dccb1",
+            "graphic": "#54b399",
+          },
+          "euiColorVis1": Object {
+            "behindText": "#79aad9",
+            "graphic": "#6092c0",
+          },
+          "euiColorVis2": Object {
+            "behindText": "#ee789d",
+            "graphic": "#d36086",
+          },
+          "euiColorVis3": Object {
+            "behindText": "#a987d1",
+            "graphic": "#9170b8",
+          },
+          "euiColorVis4": Object {
+            "behindText": "#e4a6c7",
+            "graphic": "#ca8eae",
+          },
+          "euiColorVis5": Object {
+            "behindText": "#f1d86f",
+            "graphic": "#d6bf57",
+          },
+          "euiColorVis6": Object {
+            "behindText": "#d2c0a0",
+            "graphic": "#b9a888",
+          },
+          "euiColorVis7": Object {
+            "behindText": "#f5a35c",
+            "graphic": "#da8b45",
+          },
+          "euiColorVis8": Object {
+            "behindText": "#c47c6c",
+            "graphic": "#aa6556",
+          },
+          "euiColorVis9": Object {
+            "behindText": "#ff7e62",
+            "graphic": "#e7664c",
+          },
+        },
         "euiPanelPaddingModifiers": Object {
           "paddingLarge": "24px",
           "paddingMedium": "16px",
@@ -351,16 +395,16 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
           "warning": "#ffce7a",
         },
         "euiSuggestItemColors": Object {
-          "tint0": "#5bbaa0",
+          "tint0": "#54b399",
           "tint1": "#6092c0",
           "tint10": "#98a2b3",
           "tint2": "#d36086",
           "tint3": "#9170b8",
-          "tint4": "#eeafcf",
-          "tint5": "#fae181",
-          "tint6": "#cdbd9d",
-          "tint7": "#f19f58",
-          "tint8": "#b46f5f",
+          "tint4": "#ca8eae",
+          "tint5": "#d6bf57",
+          "tint6": "#b9a888",
+          "tint7": "#da8b45",
+          "tint8": "#aa6556",
           "tint9": "#e7664c",
         },
         "euiSuperDatePickerButtonWidth": "118px",
@@ -508,10 +552,10 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
           "tokenTint01": "#1ba9f5",
           "tokenTint02": "#f990c0",
           "tokenTint03": "#9170b8",
-          "tokenTint04": "#f19f58",
+          "tokenTint04": "#da8b45",
           "tokenTint05": "#6092c0",
           "tokenTint06": "#e6c220",
-          "tokenTint07": "#5bbaa0",
+          "tokenTint07": "#54b399",
           "tokenTint08": "#920000",
           "tokenTint09": "#ff00ff",
           "tokenTint10": "#26ab00",
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap
index 342c814550727..2b2a35945bdf1 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
     fields={
       Array [
         Object {
-          "color": "#00B3A4",
+          "color": "#54B399",
           "description": "success",
           "icon": "check",
           "key": "authSuccess",
@@ -17,7 +17,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
           "value": null,
         },
         Object {
-          "color": "#920000",
+          "color": "#E7664C",
           "description": "fail",
           "icon": "cross",
           "key": "authFailure",
@@ -37,7 +37,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
     fields={
       Array [
         Object {
-          "color": "#DB1374",
+          "color": "#D36086",
           "description": "source",
           "icon": "visMapCoordinate",
           "key": "uniqueSourceIps",
@@ -45,7 +45,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
           "value": null,
         },
         Object {
-          "color": "#490092",
+          "color": "#9170B8",
           "description": "destination",
           "icon": "visMapCoordinate",
           "key": "uniqueDestinationIps",
@@ -69,7 +69,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
     fields={
       Array [
         Object {
-          "color": "#3185FC",
+          "color": "#6092C0",
           "icon": "storage",
           "key": "hosts",
           "value": null,
@@ -87,7 +87,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
     fields={
       Array [
         Object {
-          "color": "#00B3A4",
+          "color": "#54B399",
           "description": "success",
           "icon": "check",
           "key": "authSuccess",
@@ -95,7 +95,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
           "value": null,
         },
         Object {
-          "color": "#920000",
+          "color": "#E7664C",
           "description": "fail",
           "icon": "cross",
           "key": "authFailure",
@@ -115,7 +115,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
     fields={
       Array [
         Object {
-          "color": "#DB1374",
+          "color": "#D36086",
           "description": "source",
           "icon": "visMapCoordinate",
           "key": "uniqueSourceIps",
@@ -123,7 +123,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
           "value": null,
         },
         Object {
-          "color": "#490092",
+          "color": "#9170B8",
           "description": "destination",
           "icon": "visMapCoordinate",
           "key": "uniqueDestinationIps",
diff --git a/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap
index 82bcd62c77cbe..59d2d91897254 100644
--- a/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap
@@ -24,14 +24,6 @@ exports[`Paginated Table Component rendering it renders the default load more ta
             "size": "64px",
           },
         },
-        "badgeTypes": Object {
-          "accent": "#e2a7c2",
-          "danger": "#e65c5c",
-          "default": "#343741",
-          "primary": "#388ebc",
-          "secondary": "#9dc2bc",
-          "warning": "#ebc98e",
-        },
         "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
         "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
         "euiAnimSpeedExtraFast": "90ms",
@@ -167,16 +159,26 @@ exports[`Paginated Table Component rendering it renders the default load more ta
         "euiColorPrimary": "#1ba9f5",
         "euiColorSecondary": "#7de2d1",
         "euiColorSuccess": "#7de2d1",
-        "euiColorVis0": "#5bbaa0",
+        "euiColorVis0": "#54b399",
+        "euiColorVis0_behindText": "#6dccb1",
         "euiColorVis1": "#6092c0",
+        "euiColorVis1_behindText": "#79aad9",
         "euiColorVis2": "#d36086",
+        "euiColorVis2_behindText": "#ee789d",
         "euiColorVis3": "#9170b8",
-        "euiColorVis4": "#eeafcf",
-        "euiColorVis5": "#fae181",
-        "euiColorVis6": "#cdbd9d",
-        "euiColorVis7": "#f19f58",
-        "euiColorVis8": "#b46f5f",
+        "euiColorVis3_behindText": "#a987d1",
+        "euiColorVis4": "#ca8eae",
+        "euiColorVis4_behindText": "#e4a6c7",
+        "euiColorVis5": "#d6bf57",
+        "euiColorVis5_behindText": "#f1d86f",
+        "euiColorVis6": "#b9a888",
+        "euiColorVis6_behindText": "#d2c0a0",
+        "euiColorVis7": "#da8b45",
+        "euiColorVis7_behindText": "#f5a35c",
+        "euiColorVis8": "#aa6556",
+        "euiColorVis8_behindText": "#c47c6c",
         "euiColorVis9": "#e7664c",
+        "euiColorVis9_behindText": "#ff7e62",
         "euiColorWarning": "#ffce7a",
         "euiContextMenuWidth": "256px",
         "euiControlBarBackground": "#000000",
@@ -214,7 +216,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta
         "euiFocusBackgroundColor": "#232635",
         "euiFocusRingAnimStartColor": "rgba(27, 169, 245, 0)",
         "euiFocusRingColor": "rgba(27, 169, 245, 0.3)",
-        "euiFocusRingSize": "2px",
+        "euiFocusRingSize": "3px",
         "euiFocusRingSizeLarge": "4px",
         "euiFontFamily": "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
         "euiFontFeatureSettings": "calt 1 kern 1 liga 1",
@@ -289,6 +291,48 @@ exports[`Paginated Table Component rendering it renders the default load more ta
         "euiNavDrawerWidthCollapsed": "48px",
         "euiNavDrawerWidthExpanded": "240px",
         "euiPageBackgroundColor": "#1a1b20",
+        "euiPaletteColorBlind": Object {
+          "euiColorVis0": Object {
+            "behindText": "#6dccb1",
+            "graphic": "#54b399",
+          },
+          "euiColorVis1": Object {
+            "behindText": "#79aad9",
+            "graphic": "#6092c0",
+          },
+          "euiColorVis2": Object {
+            "behindText": "#ee789d",
+            "graphic": "#d36086",
+          },
+          "euiColorVis3": Object {
+            "behindText": "#a987d1",
+            "graphic": "#9170b8",
+          },
+          "euiColorVis4": Object {
+            "behindText": "#e4a6c7",
+            "graphic": "#ca8eae",
+          },
+          "euiColorVis5": Object {
+            "behindText": "#f1d86f",
+            "graphic": "#d6bf57",
+          },
+          "euiColorVis6": Object {
+            "behindText": "#d2c0a0",
+            "graphic": "#b9a888",
+          },
+          "euiColorVis7": Object {
+            "behindText": "#f5a35c",
+            "graphic": "#da8b45",
+          },
+          "euiColorVis8": Object {
+            "behindText": "#c47c6c",
+            "graphic": "#aa6556",
+          },
+          "euiColorVis9": Object {
+            "behindText": "#ff7e62",
+            "graphic": "#e7664c",
+          },
+        },
         "euiPanelPaddingModifiers": Object {
           "paddingLarge": "24px",
           "paddingMedium": "16px",
@@ -351,16 +395,16 @@ exports[`Paginated Table Component rendering it renders the default load more ta
           "warning": "#ffce7a",
         },
         "euiSuggestItemColors": Object {
-          "tint0": "#5bbaa0",
+          "tint0": "#54b399",
           "tint1": "#6092c0",
           "tint10": "#98a2b3",
           "tint2": "#d36086",
           "tint3": "#9170b8",
-          "tint4": "#eeafcf",
-          "tint5": "#fae181",
-          "tint6": "#cdbd9d",
-          "tint7": "#f19f58",
-          "tint8": "#b46f5f",
+          "tint4": "#ca8eae",
+          "tint5": "#d6bf57",
+          "tint6": "#b9a888",
+          "tint7": "#da8b45",
+          "tint8": "#aa6556",
           "tint9": "#e7664c",
         },
         "euiSuperDatePickerButtonWidth": "118px",
@@ -508,10 +552,10 @@ exports[`Paginated Table Component rendering it renders the default load more ta
           "tokenTint01": "#1ba9f5",
           "tokenTint02": "#f990c0",
           "tokenTint03": "#9170b8",
-          "tokenTint04": "#f19f58",
+          "tokenTint04": "#da8b45",
           "tokenTint05": "#6092c0",
           "tokenTint06": "#e6c220",
-          "tokenTint07": "#5bbaa0",
+          "tokenTint07": "#54b399",
           "tokenTint08": "#920000",
           "tokenTint09": "#ff00ff",
           "tokenTint10": "#26ab00",
diff --git a/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap
index 31456ba8c4ada..a05fb513dd7ef 100644
--- a/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap
@@ -20,7 +20,7 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
       fields={
         Array [
           Object {
-            "color": "#3185FC",
+            "color": "#6092C0",
             "icon": "cross",
             "key": "hosts",
             "value": null,
@@ -254,7 +254,7 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
       fields={
         Array [
           Object {
-            "color": "#3185FC",
+            "color": "#6092C0",
             "icon": "cross",
             "key": "hosts",
             "value": null,
@@ -483,7 +483,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
     areaChart={
       Array [
         Object {
-          "color": "#DB1374",
+          "color": "#D36086",
           "key": "uniqueSourceIpsHistogram",
           "value": Array [
             Object {
@@ -501,7 +501,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
           ],
         },
         Object {
-          "color": "#490092",
+          "color": "#9170B8",
           "key": "uniqueDestinationIpsHistogram",
           "value": Array [
             Object {
@@ -523,7 +523,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
     barChart={
       Array [
         Object {
-          "color": "#DB1374",
+          "color": "#D36086",
           "key": "uniqueSourceIps",
           "value": Array [
             Object {
@@ -533,7 +533,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
           ],
         },
         Object {
-          "color": "#490092",
+          "color": "#9170B8",
           "key": "uniqueDestinationIps",
           "value": Array [
             Object {
@@ -550,14 +550,14 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
     fields={
       Array [
         Object {
-          "color": "#DB1374",
+          "color": "#D36086",
           "description": "Source",
           "icon": "cross",
           "key": "uniqueSourceIps",
           "value": 1714,
         },
         Object {
-          "color": "#490092",
+          "color": "#9170B8",
           "description": "Dest.",
           "icon": "cross",
           "key": "uniqueDestinationIps",
@@ -728,7 +728,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                       className="euiFlexItem euiFlexItem--flexGrowZero sc-AykKG dLVTBE"
                                     >
                                       <EuiIcon
-                                        color="#DB1374"
+                                        color="#D36086"
                                         data-test-subj="stat-icon"
                                         size="l"
                                         type="cross"
@@ -741,7 +741,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                           role="img"
                                           style={
                                             Object {
-                                              "fill": "#DB1374",
+                                              "fill": "#D36086",
                                             }
                                           }
                                         >
@@ -754,7 +754,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                             role="img"
                                             style={
                                               Object {
-                                                "fill": "#DB1374",
+                                                "fill": "#D36086",
                                               }
                                             }
                                             viewBox="0 0 16 16"
@@ -823,7 +823,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                       className="euiFlexItem euiFlexItem--flexGrowZero sc-AykKG dLVTBE"
                                     >
                                       <EuiIcon
-                                        color="#490092"
+                                        color="#9170B8"
                                         data-test-subj="stat-icon"
                                         size="l"
                                         type="cross"
@@ -836,7 +836,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                           role="img"
                                           style={
                                             Object {
-                                              "fill": "#490092",
+                                              "fill": "#9170B8",
                                             }
                                           }
                                         >
@@ -849,7 +849,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                             role="img"
                                             style={
                                               Object {
-                                                "fill": "#490092",
+                                                "fill": "#9170B8",
                                               }
                                             }
                                             viewBox="0 0 16 16"
@@ -912,7 +912,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                               barChart={
                                 Array [
                                   Object {
-                                    "color": "#DB1374",
+                                    "color": "#D36086",
                                     "key": "uniqueSourceIps",
                                     "value": Array [
                                       Object {
@@ -922,7 +922,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                     ],
                                   },
                                   Object {
-                                    "color": "#490092",
+                                    "color": "#9170B8",
                                     "key": "uniqueDestinationIps",
                                     "value": Array [
                                       Object {
@@ -971,7 +971,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                               areaChart={
                                 Array [
                                   Object {
-                                    "color": "#DB1374",
+                                    "color": "#D36086",
                                     "key": "uniqueSourceIpsHistogram",
                                     "value": Array [
                                       Object {
@@ -989,7 +989,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                     ],
                                   },
                                   Object {
-                                    "color": "#490092",
+                                    "color": "#9170B8",
                                     "key": "uniqueDestinationIpsHistogram",
                                     "value": Array [
                                       Object {
diff --git a/x-pack/legacy/plugins/spaces/public/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap
index 6514d6aa9eb02..562641d8fca51 100644
--- a/x-pack/legacy/plugins/spaces/public/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap
+++ b/x-pack/legacy/plugins/spaces/public/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap
@@ -35,7 +35,7 @@ exports[`renders without crashing 1`] = `
     labelType="label"
   >
     <EuiColorPicker
-      color="#F19F58"
+      color="#DA8B45"
       isInvalid={false}
       onChange={[Function]}
     />
diff --git a/x-pack/legacy/plugins/spaces/public/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap
index 02dccc1de2e27..02dbca28c7b66 100644
--- a/x-pack/legacy/plugins/spaces/public/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap
+++ b/x-pack/legacy/plugins/spaces/public/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap
@@ -141,7 +141,7 @@ Array [
     }
   >
     <EuiAvatar
-      color="#B46F5F"
+      color="#AA6556"
       data-test-subj="space-avatar-default"
       imageUrl=""
       initials="D"
@@ -156,7 +156,7 @@ Array [
         data-test-subj="space-avatar-default"
         style={
           Object {
-            "backgroundColor": "#B46F5F",
+            "backgroundColor": "#AA6556",
             "backgroundImage": "none",
             "color": "#000000",
           }
@@ -183,7 +183,7 @@ Array [
     }
   >
     <EuiAvatar
-      color="#F19F58"
+      color="#DA8B45"
       data-test-subj="space-avatar-custom-1"
       imageUrl=""
       initials="C1"
@@ -198,7 +198,7 @@ Array [
         data-test-subj="space-avatar-custom-1"
         style={
           Object {
-            "backgroundColor": "#F19F58",
+            "backgroundColor": "#DA8B45",
             "backgroundImage": "none",
             "color": "#000000",
           }
diff --git a/x-pack/legacy/plugins/spaces/public/space_avatar/__snapshots__/space_avatar.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/space_avatar/__snapshots__/space_avatar.test.tsx.snap
index 03dfafbcde530..9261a8fec1470 100644
--- a/x-pack/legacy/plugins/spaces/public/space_avatar/__snapshots__/space_avatar.test.tsx.snap
+++ b/x-pack/legacy/plugins/spaces/public/space_avatar/__snapshots__/space_avatar.test.tsx.snap
@@ -13,7 +13,7 @@ exports[`removes aria-label when instructed not to announce the space name 1`] =
   <EuiAvatar
     aria-hidden={true}
     aria-label=""
-    color="#F19F58"
+    color="#DA8B45"
     data-test-subj="space-avatar-"
     imageUrl=""
     initials=""
@@ -29,7 +29,7 @@ exports[`removes aria-label when instructed not to announce the space name 1`] =
       data-test-subj="space-avatar-"
       style={
         Object {
-          "backgroundColor": "#F19F58",
+          "backgroundColor": "#DA8B45",
           "backgroundImage": "none",
           "color": "#000000",
         }
@@ -55,7 +55,7 @@ exports[`renders with a space name entirely made of whitespace 1`] = `
 
 exports[`renders without crashing 1`] = `
 <EuiAvatar
-  color="#F19F58"
+  color="#DA8B45"
   data-test-subj="space-avatar-"
   imageUrl=""
   initials=""
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/location_map/__tests__/__snapshots__/location_status_tags.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/functional/location_map/__tests__/__snapshots__/location_status_tags.test.tsx.snap
index 1547bc781acdc..c36a346df7657 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/location_map/__tests__/__snapshots__/location_status_tags.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/location_map/__tests__/__snapshots__/location_status_tags.test.tsx.snap
@@ -29,7 +29,7 @@ exports[`LocationStatusTags component renders when all locations are down 1`] =
     >
       <span
         class="euiBadge euiBadge--iconLeft"
-        style="background-color:#bd271e;color:#FFFFFF"
+        style="background-color:#bd271e;color:#fff"
       >
         <span
           class="euiBadge__content"
@@ -68,7 +68,7 @@ exports[`LocationStatusTags component renders when all locations are down 1`] =
     >
       <span
         class="euiBadge euiBadge--iconLeft"
-        style="background-color:#bd271e;color:#FFFFFF"
+        style="background-color:#bd271e;color:#fff"
       >
         <span
           class="euiBadge__content"
@@ -137,7 +137,7 @@ exports[`LocationStatusTags component renders when all locations are up 1`] = `
     >
       <span
         class="euiBadge euiBadge--iconLeft"
-        style="background-color:#d3dae6;color:#000000"
+        style="background-color:#d3dae6;color:#000"
       >
         <span
           class="euiBadge__content"
@@ -176,7 +176,7 @@ exports[`LocationStatusTags component renders when all locations are up 1`] = `
     >
       <span
         class="euiBadge euiBadge--iconLeft"
-        style="background-color:#d3dae6;color:#000000"
+        style="background-color:#d3dae6;color:#000"
       >
         <span
           class="euiBadge__content"
@@ -244,7 +244,7 @@ Array [
       >
         <span
           class="euiBadge euiBadge--iconLeft"
-          style="background-color:#bd271e;color:#FFFFFF"
+          style="background-color:#bd271e;color:#fff"
         >
           <span
             class="euiBadge__content"
@@ -283,7 +283,7 @@ Array [
       >
         <span
           class="euiBadge euiBadge--iconLeft"
-          style="background-color:#bd271e;color:#FFFFFF"
+          style="background-color:#bd271e;color:#fff"
         >
           <span
             class="euiBadge__content"
@@ -322,7 +322,7 @@ Array [
       >
         <span
           class="euiBadge euiBadge--iconLeft"
-          style="background-color:#bd271e;color:#FFFFFF"
+          style="background-color:#bd271e;color:#fff"
         >
           <span
             class="euiBadge__content"
@@ -361,7 +361,7 @@ Array [
       >
         <span
           class="euiBadge euiBadge--iconLeft"
-          style="background-color:#bd271e;color:#FFFFFF"
+          style="background-color:#bd271e;color:#fff"
         >
           <span
             class="euiBadge__content"
@@ -400,7 +400,7 @@ Array [
       >
         <span
           class="euiBadge euiBadge--iconLeft"
-          style="background-color:#bd271e;color:#FFFFFF"
+          style="background-color:#bd271e;color:#fff"
         >
           <span
             class="euiBadge__content"
@@ -439,7 +439,7 @@ Array [
       >
         <span
           class="euiBadge euiBadge--iconLeft"
-          style="background-color:#bd271e;color:#FFFFFF"
+          style="background-color:#bd271e;color:#fff"
         >
           <span
             class="euiBadge__content"
@@ -478,7 +478,7 @@ Array [
       >
         <span
           class="euiBadge euiBadge--iconLeft"
-          style="background-color:#bd271e;color:#FFFFFF"
+          style="background-color:#bd271e;color:#fff"
         >
           <span
             class="euiBadge__content"
@@ -517,7 +517,7 @@ Array [
       >
         <span
           class="euiBadge euiBadge--iconLeft"
-          style="background-color:#bd271e;color:#FFFFFF"
+          style="background-color:#bd271e;color:#fff"
         >
           <span
             class="euiBadge__content"
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/monitor_status_details/__test__/__snapshots__/monitor_ssl_certificate.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/functional/monitor_status_details/__test__/__snapshots__/monitor_ssl_certificate.test.tsx.snap
index 0cb0a7ec248df..605fc3cdb6b38 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/monitor_status_details/__test__/__snapshots__/monitor_ssl_certificate.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/monitor_status_details/__test__/__snapshots__/monitor_ssl_certificate.test.tsx.snap
@@ -11,7 +11,8 @@ Array [
   >
     SSL certificate expires 
     <span
-      class="euiBadge euiBadge--iconLeft euiBadge--default"
+      class="euiBadge euiBadge--iconLeft"
+      style="background-color:#d3dae6;color:#000"
     >
       <span
         class="euiBadge__content"
diff --git a/x-pack/plugins/security/public/nav_control/nav_control_service.test.ts b/x-pack/plugins/security/public/nav_control/nav_control_service.test.ts
index a73ffcc51a301..cd66868edd700 100644
--- a/x-pack/plugins/security/public/nav_control/nav_control_service.test.ts
+++ b/x-pack/plugins/security/public/nav_control/nav_control_service.test.ts
@@ -73,7 +73,7 @@ describe('SecurityNavControlService', () => {
               <div
                 aria-label="some-user"
                 class="euiAvatar euiAvatar--s euiAvatar--user"
-                style="background-image: none; background-color: rgb(231, 102, 76); color: rgb(0, 0, 0);"
+                style="background-image: none; background-color: rgb(255, 126, 98); color: rgb(0, 0, 0);"
                 title="some-user"
               >
                 <span