diff --git a/src/plugins/index_pattern_management/public/components/field_editor/components/field_format_editor/editors/color/color.tsx b/src/plugins/index_pattern_management/public/components/field_editor/components/field_format_editor/editors/color/color.tsx
index 32b5d28872ac8..dc9dfdf28da4f 100644
--- a/src/plugins/index_pattern_management/public/components/field_editor/components/field_format_editor/editors/color/color.tsx
+++ b/src/plugins/index_pattern_management/public/components/field_editor/components/field_format_editor/editors/color/color.tsx
@@ -63,7 +63,7 @@ export class ColorFormatEditor extends DefaultFormatEditor<ColorFormatEditorForm
   };
 
   addColor = () => {
-    const colors = [...this.props.formatParams.colors];
+    const colors = [...(this.props.formatParams.colors || [])];
     this.onChange({
       colors: [...colors, { ...fieldFormats.DEFAULT_CONVERTER_COLOR }],
     });
diff --git a/src/plugins/index_pattern_management/public/components/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.tsx b/src/plugins/index_pattern_management/public/components/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.tsx
index 4b51ae478a178..514e4f20a8e2e 100644
--- a/src/plugins/index_pattern_management/public/components/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.tsx
+++ b/src/plugins/index_pattern_management/public/components/field_editor/components/field_format_editor/editors/static_lookup/static_lookup.tsx
@@ -50,7 +50,7 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor<StaticLookupFo
   };
 
   addLookup = () => {
-    const lookupEntries = [...this.props.formatParams.lookupEntries];
+    const lookupEntries = [...(this.props.formatParams.lookupEntries || [])];
     this.onChange({
       lookupEntries: [...lookupEntries, {}],
     });