toggleFilter function. Adds or removes a simple search filter from the activeFilters array. Then it filters the original data to a filteredData array.

toggleFilter.ts

  private activeFilters: Array<string> = [];
  toggleFilter(_filter: string) {
    const filterIdx: number = findIndex(this.activeFilters, (v) => v === _filter );

    if (filterIdx !== -1) {
      pullAt(this.activeFilters, [ filterIdx ]);
    } else {
      this.activeFilters.push(_filter);
    }
    this.filteredData = filter(this.data, (v) => includes(this.activeFilters, v.color));
  }

Beware that this code uses lodash to search, remove and check active filters (findindex, pullAt, filter and includes functions).
Import them from lodash-es like this:

import filter from 'lodash-es/filter';
import findIndex from 'lodash-es/findIndex';
import includes from 'lodash-es/includes';
import pullAt from 'lodash-es/pullAt';