diff --git a/x-pack/legacy/plugins/canvas/public/components/color_manager/__examples__/__snapshots__/color_manager.stories.storyshot b/x-pack/legacy/plugins/canvas/public/components/color_manager/__examples__/__snapshots__/color_manager.stories.storyshot
index 9d663fc25ed4b..5da0ea8738c37 100644
--- a/x-pack/legacy/plugins/canvas/public/components/color_manager/__examples__/__snapshots__/color_manager.stories.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/color_manager/__examples__/__snapshots__/color_manager.stories.storyshot
@@ -41,7 +41,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="blue"
           />
@@ -88,7 +88,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#abc"
           />
@@ -135,7 +135,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#abcd"
           />
@@ -182,7 +182,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#abcdef"
           />
@@ -229,7 +229,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#aabbccdd"
           />
@@ -276,7 +276,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="rgb(50, 100, 150)"
           />
@@ -323,7 +323,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="rgba(50, 100, 150, .5)"
           />
@@ -371,7 +371,7 @@ exports[`Storyshots components/Color/ColorManager interactive 1`] = `
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value=""
           />
@@ -481,7 +481,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="elastic"
           />
@@ -524,7 +524,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#xyz"
           />
@@ -567,7 +567,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#ghij"
           />
@@ -610,7 +610,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#canvas"
           />
@@ -653,7 +653,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#12345xyz"
           />
@@ -696,7 +696,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="rgb(a,b,c)"
           />
@@ -739,7 +739,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="rgba(w,x,y,z)"
           />
@@ -791,7 +791,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#abcdef"
           />
@@ -880,7 +880,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#abcdef"
           />
@@ -969,7 +969,7 @@ Array [
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#abcdef"
           />
diff --git a/x-pack/legacy/plugins/canvas/public/components/color_picker/__examples__/__snapshots__/color_picker.stories.storyshot b/x-pack/legacy/plugins/canvas/public/components/color_picker/__examples__/__snapshots__/color_picker.stories.storyshot
index 0622db875f721..5fbb4ee7d584d 100644
--- a/x-pack/legacy/plugins/canvas/public/components/color_picker/__examples__/__snapshots__/color_picker.stories.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/color_picker/__examples__/__snapshots__/color_picker.stories.storyshot
@@ -208,7 +208,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
             <input
               className="euiFieldText"
               onChange={[Function]}
-              placeholder="strings.getCodePlaceholder()"
+              placeholder="Color code"
               type="text"
               value=""
             />
@@ -509,7 +509,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#fff"
           />
@@ -773,7 +773,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#a1b2c3"
           />
@@ -972,7 +972,7 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
           <input
             className="euiFieldText"
             onChange={[Function]}
-            placeholder="strings.getCodePlaceholder()"
+            placeholder="Color code"
             type="text"
             value="#fff"
           />