diff --git a/package.json b/package.json
index b8aca7cf2c409..66af6a2fd3293 100644
--- a/package.json
+++ b/package.json
@@ -107,7 +107,7 @@
     "@babel/register": "^7.5.5",
     "@elastic/charts": "^12.0.2",
     "@elastic/datemath": "5.0.2",
-    "@elastic/eui": "14.3.0",
+    "@elastic/eui": "14.4.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "2.3.3",
diff --git a/src/legacy/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap b/src/legacy/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap
index 9b819443808c9..89b8e2ac83ec1 100644
--- a/src/legacy/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap
@@ -13,7 +13,6 @@ exports[`after fetch hideWriteControls 1`] = `
   noItemsFragment={
     <div>
       <EuiEmptyPrompt
-        iconColor="subdued"
         iconType="visualizeApp"
         title={
           <h2>
@@ -106,7 +105,6 @@ exports[`after fetch initialFilter 1`] = `
             </p>
           </React.Fragment>
         }
-        iconColor="subdued"
         iconType="dashboardApp"
         title={
           <h2>
@@ -199,7 +197,6 @@ exports[`after fetch renders call to action when no dashboards exist 1`] = `
             </p>
           </React.Fragment>
         }
-        iconColor="subdued"
         iconType="dashboardApp"
         title={
           <h2>
@@ -292,7 +289,6 @@ exports[`after fetch renders table rows 1`] = `
             </p>
           </React.Fragment>
         }
-        iconColor="subdued"
         iconType="dashboardApp"
         title={
           <h2>
@@ -385,7 +381,6 @@ exports[`after fetch renders warning when listingLimit is exceeded 1`] = `
             </p>
           </React.Fragment>
         }
-        iconColor="subdued"
         iconType="dashboardApp"
         title={
           <h2>
@@ -478,7 +473,6 @@ exports[`renders empty page in before initial fetch to avoid flickering 1`] = `
             </p>
           </React.Fragment>
         }
-        iconColor="subdued"
         iconType="dashboardApp"
         title={
           <h2>
diff --git a/src/plugins/embeddable/public/lib/test_samples/embeddables/contact_card/contact_card.tsx b/src/plugins/embeddable/public/lib/test_samples/embeddables/contact_card/contact_card.tsx
index a83364f22021a..51640749bc2b4 100644
--- a/src/plugins/embeddable/public/lib/test_samples/embeddables/contact_card/contact_card.tsx
+++ b/src/plugins/embeddable/public/lib/test_samples/embeddables/contact_card/contact_card.tsx
@@ -17,13 +17,7 @@
  * under the License.
  */
 import React from 'react';
-import {
-  // @ts-ignore
-  EuiCard,
-  EuiFlexItem,
-  EuiFlexGroup,
-  EuiFormRow,
-} from '@elastic/eui';
+import { EuiCard, EuiFlexItem, EuiFlexGroup, EuiFormRow } from '@elastic/eui';
 
 import { Subscription } from 'rxjs';
 import { EuiButton } from '@elastic/eui';
@@ -96,7 +90,12 @@ export class ContactCardEmbeddableComponent extends React.Component<Props, State
 
   render() {
     return (
-      <EuiCard textAlign="left" title={this.state.fullName} footer={this.getCardFooterContent()} />
+      <EuiCard
+        textAlign="left"
+        title={this.state.fullName}
+        footer={this.getCardFooterContent()}
+        description=""
+      />
     );
   }
 }
diff --git a/src/plugins/inspector/public/views/data/components/__snapshots__/data_view.test.tsx.snap b/src/plugins/inspector/public/views/data/components/__snapshots__/data_view.test.tsx.snap
index 37c77c97fe39d..adea7831d6b80 100644
--- a/src/plugins/inspector/public/views/data/components/__snapshots__/data_view.test.tsx.snap
+++ b/src/plugins/inspector/public/views/data/components/__snapshots__/data_view.test.tsx.snap
@@ -250,7 +250,6 @@ exports[`Inspector Data View component should render empty state 1`] = `
           </p>
         </React.Fragment>
       }
-      iconColor="subdued"
       title={
         <h2>
           <FormattedMessage
diff --git a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
index 770f6b90b8ab6..df5a67b9cbb43 100644
--- a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
+++ b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.3.0",
+    "@elastic/eui": "14.4.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }
diff --git a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
index 33bc1068f0abc..090cfe3513e6c 100644
--- a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.3.0",
+    "@elastic/eui": "14.4.0",
     "react": "^16.8.0"
   }
 }
diff --git a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
index 3675fd63bc88d..127aa30fe499e 100644
--- a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.3.0",
+    "@elastic/eui": "14.4.0",
     "react": "^16.8.0"
   },
   "scripts": {
diff --git a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
index 5ab0dc21e4aff..143460ce0a3ad 100644
--- a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.3.0",
+    "@elastic/eui": "14.4.0",
     "react": "^16.8.0"
   },
   "scripts": {
diff --git a/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json b/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
index 09b5ab98279f1..f4e771c4bb0bc 100644
--- a/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.3.0",
+    "@elastic/eui": "14.4.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }
diff --git a/typings/@elastic/eui/index.d.ts b/typings/@elastic/eui/index.d.ts
index 70c07f9628094..39fc30230de18 100644
--- a/typings/@elastic/eui/index.d.ts
+++ b/typings/@elastic/eui/index.d.ts
@@ -25,7 +25,6 @@ declare module '@elastic/eui' {
   export const EuiDescribedFormGroup: React.SFC<any>;
   export const EuiCodeEditor: React.SFC<any>;
   export const Query: any;
-  export const EuiCard: any;
 
   export interface EuiTableCriteria {
     page: { index: number; size: number };
diff --git a/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/NoServicesMessage.test.tsx.snap b/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/NoServicesMessage.test.tsx.snap
index de8e109e62324..209b88f73b9e2 100644
--- a/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/NoServicesMessage.test.tsx.snap
+++ b/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/NoServicesMessage.test.tsx.snap
@@ -33,7 +33,6 @@ exports[`NoServicesMessage status: pending and historicalDataFound: false 1`] =
       </p>
     </React.Fragment>
   }
-  iconColor="subdued"
   title={
     <div>
       Looks like you don't have any APM services installed. Let's add some!
@@ -45,7 +44,6 @@ exports[`NoServicesMessage status: pending and historicalDataFound: false 1`] =
 
 exports[`NoServicesMessage status: pending and historicalDataFound: true 1`] = `
 <EuiEmptyPrompt
-  iconColor="subdued"
   title={
     <div>
       No services found
@@ -80,7 +78,6 @@ exports[`NoServicesMessage status: success and historicalDataFound: false 1`] =
       </p>
     </React.Fragment>
   }
-  iconColor="subdued"
   title={
     <div>
       Looks like you don't have any APM services installed. Let's add some!
@@ -92,7 +89,6 @@ exports[`NoServicesMessage status: success and historicalDataFound: false 1`] =
 
 exports[`NoServicesMessage status: success and historicalDataFound: true 1`] = `
 <EuiEmptyPrompt
-  iconColor="subdued"
   title={
     <div>
       No services found
diff --git a/x-pack/legacy/plugins/canvas/public/components/element_card/element_card.tsx b/x-pack/legacy/plugins/canvas/public/components/element_card/element_card.tsx
index 9262a67cf393c..819282d588129 100644
--- a/x-pack/legacy/plugins/canvas/public/components/element_card/element_card.tsx
+++ b/x-pack/legacy/plugins/canvas/public/components/element_card/element_card.tsx
@@ -5,11 +5,7 @@
  */
 import React from 'react';
 import PropTypes from 'prop-types';
-import {
-  // @ts-ignore unconverted EUI component
-  EuiCard,
-  EuiIcon,
-} from '@elastic/eui';
+import { EuiCard, EuiIcon } from '@elastic/eui';
 import { TagList } from '../tag_list/';
 
 export interface Props {
@@ -45,7 +41,7 @@ export const ElementCard = ({ title, description, image, tags = [], onClick, ...
     description={description}
     footer={<TagList tags={tags} tagType={tagType} />}
     image={image}
-    icon={image ? null : <EuiIcon type="canvasApp" size="xxl" />}
+    icon={image ? undefined : <EuiIcon type="canvasApp" size="xxl" />}
     onClick={onClick}
     {...rest}
   />
diff --git a/x-pack/legacy/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap b/x-pack/legacy/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap
index b31bae263fa8f..4d752888d3df4 100644
--- a/x-pack/legacy/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap
+++ b/x-pack/legacy/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap
@@ -146,7 +146,6 @@ exports[`UpgradeFailure component passes expected text for new pipeline 1`] = `
                 Before you can add a pipeline, we need to upgrade your configuration.
               </p>
             }
-            iconColor="subdued"
             title={
               <UpgradeFailureTitle
                 titleText="Upgrade failed"
@@ -487,7 +486,6 @@ exports[`UpgradeFailure component passes expected text for not manual upgrade 1`
                 Before you can add a pipeline, we need to upgrade your configuration.
               </p>
             }
-            iconColor="subdued"
             title={
               <UpgradeFailureTitle
                 titleText="Time for an upgrade!"
@@ -828,7 +826,6 @@ exports[`UpgradeFailure component passes expected text for not new pipeline 1`]
                 Before you can edit this pipeline, we need to upgrade your configuration.
               </p>
             }
-            iconColor="subdued"
             title={
               <UpgradeFailureTitle
                 titleText="Upgrade failed"
@@ -1054,7 +1051,6 @@ exports[`UpgradeFailure component renders component as expected 1`] = `
           Before you can add a pipeline, we need to upgrade your configuration.
         </p>
       }
-      iconColor="subdued"
       title={
         <UpgradeFailureTitle
           titleText="Upgrade failed"
diff --git a/x-pack/legacy/plugins/ml/public/data_frame/pages/transform_management/components/transform_list/__snapshots__/transform_list.test.tsx.snap b/x-pack/legacy/plugins/ml/public/data_frame/pages/transform_management/components/transform_list/__snapshots__/transform_list.test.tsx.snap
index 25e332f71404a..0d830d30cbe92 100644
--- a/x-pack/legacy/plugins/ml/public/data_frame/pages/transform_management/components/transform_list/__snapshots__/transform_list.test.tsx.snap
+++ b/x-pack/legacy/plugins/ml/public/data_frame/pages/transform_management/components/transform_list/__snapshots__/transform_list.test.tsx.snap
@@ -17,7 +17,6 @@ exports[`Data Frame: Transform List <DataFrameTransformList /> Minimal initializ
       ]
     }
     data-test-subj="mlNoDataFrameTransformsFound"
-    iconColor="subdued"
     title={
       <h2>
         No data frame transforms found
diff --git a/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_influencers_found/__snapshots__/explorer_no_influencers_found.test.js.snap b/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_influencers_found/__snapshots__/explorer_no_influencers_found.test.js.snap
index f6e083e31984a..77821663783cf 100644
--- a/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_influencers_found/__snapshots__/explorer_no_influencers_found.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_influencers_found/__snapshots__/explorer_no_influencers_found.test.js.snap
@@ -2,7 +2,6 @@
 
 exports[`ExplorerNoInfluencersFound snapshot 1`] = `
 <EuiEmptyPrompt
-  iconColor="subdued"
   title={
     <h2>
       <FormattedMessage
diff --git a/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_jobs_found/__snapshots__/explorer_no_jobs_found.test.js.snap b/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_jobs_found/__snapshots__/explorer_no_jobs_found.test.js.snap
index 3d143bda7140e..8aec3c8336da9 100644
--- a/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_jobs_found/__snapshots__/explorer_no_jobs_found.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_jobs_found/__snapshots__/explorer_no_jobs_found.test.js.snap
@@ -16,7 +16,6 @@ exports[`ExplorerNoInfluencersFound snapshot 1`] = `
     </EuiButton>
   }
   data-test-subj="mlNoJobsFound"
-  iconColor="subdued"
   iconType="alert"
   title={
     <h2>
diff --git a/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_results_found/__snapshots__/explorer_no_results_found.test.js.snap b/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_results_found/__snapshots__/explorer_no_results_found.test.js.snap
index a7eb6d8db8a59..dc7e567380fdf 100644
--- a/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_results_found/__snapshots__/explorer_no_results_found.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/explorer/components/explorer_no_results_found/__snapshots__/explorer_no_results_found.test.js.snap
@@ -13,7 +13,6 @@ exports[`ExplorerNoInfluencersFound snapshot 1`] = `
       </p>
     </React.Fragment>
   }
-  iconColor="subdued"
   iconType="iInCircle"
   title={
     <h2>
diff --git a/x-pack/legacy/plugins/security/public/views/management/roles_grid/components/__snapshots__/roles_grid_page.test.tsx.snap b/x-pack/legacy/plugins/security/public/views/management/roles_grid/components/__snapshots__/roles_grid_page.test.tsx.snap
index 5e3625a1f0fc4..048fa74a72818 100644
--- a/x-pack/legacy/plugins/security/public/views/management/roles_grid/components/__snapshots__/roles_grid_page.test.tsx.snap
+++ b/x-pack/legacy/plugins/security/public/views/management/roles_grid/components/__snapshots__/roles_grid_page.test.tsx.snap
@@ -31,7 +31,6 @@ exports[`<RolesGridPage /> renders permission denied if required 1`] = `
                   />
                 </p>
               }
-              iconColor="subdued"
               iconType="securityApp"
               title={
                 <h2>
diff --git a/x-pack/legacy/plugins/siem/public/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap
index 937ba229b8883..f482a864bed6d 100644
--- a/x-pack/legacy/plugins/siem/public/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap
@@ -56,7 +56,6 @@ exports[`IndexPatternsMissingPrompt renders correctly against snapshot 1`] = `
       </p>
     </React.Fragment>
   }
-  iconColor="subdued"
   iconType="gisApp"
   title={
     <h2>
diff --git a/x-pack/legacy/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/checkup_tab.test.tsx.snap b/x-pack/legacy/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/checkup_tab.test.tsx.snap
index 5f826ba30262c..6f92d475ae6c5 100644
--- a/x-pack/legacy/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/checkup_tab.test.tsx.snap
+++ b/x-pack/legacy/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/checkup_tab.test.tsx.snap
@@ -457,7 +457,6 @@ exports[`CheckupTab render without deprecations 1`] = `
             </p>
           </React.Fragment>
         }
-        iconColor="subdued"
         iconType="faceHappy"
         title={
           <h2>
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/data_missing.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/data_missing.test.tsx.snap
index 30b2e7204e404..b17d28f19335b 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/data_missing.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/data_missing.test.tsx.snap
@@ -36,7 +36,6 @@ exports[`DataMissing component renders basePath and headingMessage 1`] = `
             />
           </p>
         }
-        iconColor="subdued"
         iconType="uptimeApp"
         title={
           <EuiTitle
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap
index 95606fb912a4c..4783806340f07 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap
@@ -169,7 +169,6 @@ exports[`EmptyState component does not render empty state with appropriate base
                       />
                     </p>
                   }
-                  iconColor="subdued"
                   iconType="uptimeApp"
                   title={
                     <EuiTitle
@@ -426,7 +425,6 @@ exports[`EmptyState component doesn't render child components when count is fals
           </EuiTitle>
         </React.Fragment>
       }
-      iconColor="subdued"
     >
       <div
         className="euiEmptyPrompt"
@@ -641,7 +639,6 @@ exports[`EmptyState component notifies when index does not exist 1`] = `
                       />
                     </p>
                   }
-                  iconColor="subdued"
                   iconType="uptimeApp"
                   title={
                     <EuiTitle
@@ -1168,7 +1165,6 @@ exports[`EmptyState component renders loading state if no errors or doc count 1`
           </EuiTitle>
         </React.Fragment>
       }
-      iconColor="subdued"
     >
       <div
         className="euiEmptyPrompt"
diff --git a/x-pack/package.json b/x-pack/package.json
index ac83bb3229c79..0c730381decf6 100644
--- a/x-pack/package.json
+++ b/x-pack/package.json
@@ -184,7 +184,7 @@
     "@babel/runtime": "^7.5.5",
     "@elastic/ctags-langserver": "^0.1.10",
     "@elastic/datemath": "5.0.2",
-    "@elastic/eui": "14.3.0",
+    "@elastic/eui": "14.4.0",
     "@elastic/javascript-typescript-langserver": "^0.3.3",
     "@elastic/lsp-extension": "^0.1.2",
     "@elastic/maki": "6.1.0",
diff --git a/x-pack/typings/@elastic/eui/index.d.ts b/x-pack/typings/@elastic/eui/index.d.ts
index 6e1f41ec52605..93d90ed43ff4b 100644
--- a/x-pack/typings/@elastic/eui/index.d.ts
+++ b/x-pack/typings/@elastic/eui/index.d.ts
@@ -10,7 +10,6 @@ declare module '@elastic/eui' {
   export const EuiDescribedFormGroup: React.SFC<any>;
   export const EuiCodeEditor: React.SFC<any>;
   export const Query: any;
-  export const EuiCard: any;
 }
 
 declare module '@elastic/eui/lib/services' {
diff --git a/yarn.lock b/yarn.lock
index 4769572929073..77dad79cbf3a2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1019,10 +1019,10 @@
     tabbable "^1.1.0"
     uuid "^3.1.0"
 
-"@elastic/eui@14.3.0":
-  version "14.3.0"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-14.3.0.tgz#256e1af8f6b15717904f8959742a23b3495ff0bb"
-  integrity sha512-gAbPNezBmndInYqqw6EvRYLn2VMYQgYuPQYA5UZ7TyHzwvoBiMpUw5nFzYhS2A/Xcmq/ON5Mu8RY3LGRAVBOvQ==
+"@elastic/eui@14.4.0":
+  version "14.4.0"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-14.4.0.tgz#ac09a476798dcdb1005616cccc149eda23ea2a90"
+  integrity sha512-dR7lYwUaIRXZjlUrJBq8GcGLPh6QfM3waQxUFI8lOnMVayJe3OOMNADCn8Oty6wNYIOrBWzZbW6w4bzInWF6oA==
   dependencies:
     "@types/lodash" "^4.14.116"
     "@types/numeral" "^0.0.25"