refactor(colors): delegate @superset-ui/core palette data to @apache-superset/core/colors

- Thin-wrap all 13 categorical and 2 sequential scheme files in @superset-ui/core to delegate to the canonical configs in @apache-superset/core/colors - Re-export ColorSchemeGroup from @superset-ui/core for backward compatibility - Rewrite setupColors.ts to consume allCategoricalColorSchemeConfigs and allSequentialColorSchemeConfigs from @apache-superset/core/colors - Expand colorSchemes.test.ts to cover all 13 categorical groups Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-08-06 05:52:38 +00:00 · 2026-04-11 09:14:07 -07:00
parent 77aa873915
commit e9dc58e757
18 changed files with 112 additions and 1199 deletions
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/airbnb.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/airbnb.ts
@@ -17,29 +17,8 @@
 * under the License.
 */

+import { categoricalAirbnb } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'bnbColors',
-    label: 'Airbnb Colors',
-    colors: [
-      '#29696B',
-      '#5BCACE',
-      '#F4B02A',
-      '#F1826A',
-      '#792EB2',
-      '#C96EC6',
-      '#921E50',
-      '#B27700',
-      '#9C3498',
-      '#9C3498',
-      '#E4679D',
-      '#C32F0E',
-      '#9D63CA',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalAirbnb.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/blueToGreen.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/blueToGreen.ts
@@ -17,28 +17,8 @@
 * under the License.
 */

+import { categoricalBlueToGreen } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';
-import { ColorSchemeGroup } from '../../types';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'blueToGreen',
-    label: 'Blue to green',
-    group: ColorSchemeGroup.Featured,
-    colors: [
-      '#3200A7',
-      '#004CDA',
-      '#0074F1',
-      '#0096EF',
-      '#53BFFF',
-      '#41C8E6',
-      '#30DEDE',
-      '#04D9C7',
-      '#00EAA2',
-      '#A6FF93',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalBlueToGreen.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/colorsOfRainbow.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/colorsOfRainbow.ts
@@ -17,30 +17,8 @@
 * under the License.
 */

+import { categoricalColorsOfRainbow } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';
-import { ColorSchemeGroup } from '../../types';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'colorsOfRainbow',
-    label: 'Colors of rainbow',
-    group: ColorSchemeGroup.Featured,
-    colors: [
-      '#41ED86',
-      '#2FC096',
-      '#01DFFF',
-      '#153AE0',
-      '#850AD6',
-      '#BD59FF',
-      '#FF4A96',
-      '#C32668',
-      '#F40000',
-      '#FF8901',
-      '#FFBC0A',
-      '#FFEC43',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalColorsOfRainbow.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/d3.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/d3.ts
@@ -17,104 +17,8 @@
 * under the License.
 */

+import { categoricalD3 } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'd3Category10',
-    label: 'D3 Category 10',
-    colors: [
-      '#1f77b4',
-      '#ff7f0e',
-      '#2ca02c',
-      '#d62728',
-      '#9467bd',
-      '#8c564b',
-      '#e377c2',
-      '#7f7f7f',
-      '#bcbd22',
-      '#17becf',
-    ],
-  },
-  {
-    id: 'd3Category20',
-    label: 'D3 Category 20',
-    colors: [
-      '#1f77b4',
-      '#aec7e8',
-      '#ff7f0e',
-      '#ffbb78',
-      '#2ca02c',
-      '#98df8a',
-      '#d62728',
-      '#ff9896',
-      '#9467bd',
-      '#c5b0d5',
-      '#8c564b',
-      '#c49c94',
-      '#e377c2',
-      '#f7b6d2',
-      '#7f7f7f',
-      '#c7c7c7',
-      '#bcbd22',
-      '#dbdb8d',
-      '#17becf',
-      '#9edae5',
-    ],
-  },
-  {
-    id: 'd3Category20b',
-    label: 'D3 Category 20b',
-    colors: [
-      '#393b79',
-      '#5254a3',
-      '#6b6ecf',
-      '#9c9ede',
-      '#637939',
-      '#8ca252',
-      '#b5cf6b',
-      '#cedb9c',
-      '#8c6d31',
-      '#bd9e39',
-      '#e7ba52',
-      '#e7cb94',
-      '#843c39',
-      '#ad494a',
-      '#d6616b',
-      '#e7969c',
-      '#7b4173',
-      '#a55194',
-      '#ce6dbd',
-      '#de9ed6',
-    ],
-  },
-  {
-    id: 'd3Category20c',
-    label: 'D3 Category 20c',
-    colors: [
-      '#3182bd',
-      '#6baed6',
-      '#9ecae1',
-      '#c6dbef',
-      '#e6550d',
-      '#fd8d3c',
-      '#fdae6b',
-      '#fdd0a2',
-      '#31a354',
-      '#74c476',
-      '#a1d99b',
-      '#c7e9c0',
-      '#756bb1',
-      '#9e9ac8',
-      '#bcbddc',
-      '#dadaeb',
-      '#636363',
-      '#969696',
-      '#bdbdbd',
-      '#d9d9d9',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalD3.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/echarts.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/echarts.ts
@@ -17,42 +17,8 @@
 * under the License.
 */

+import { categoricalEcharts } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'echarts4Colors',
-    label: 'ECharts v4.x Colors',
-    colors: [
-      '#c23531',
-      '#2f4554',
-      '#61a0a8',
-      '#d48265',
-      '#91c7ae',
-      '#749f83',
-      '#ca8622',
-      '#bda29a',
-      '#6e7074',
-      '#546570',
-      '#c4ccd3',
-    ],
-  },
-  {
-    id: 'echarts5Colors',
-    label: 'ECharts v5.x Colors',
-    colors: [
-      '#5470C6',
-      '#91CC75',
-      '#FAC858',
-      '#EE6666',
-      '#73C0DE',
-      '#3BA272',
-      '#FC8452',
-      '#9A60B4',
-      '#EA7CCC',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalEcharts.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/google.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/google.ts
@@ -17,52 +17,8 @@
 * under the License.
 */

+import { categoricalGoogle } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'googleCategory10c',
-    label: 'Google Category 10c',
-    colors: [
-      '#3366cc',
-      '#dc3912',
-      '#ff9900',
-      '#109618',
-      '#990099',
-      '#0099c6',
-      '#dd4477',
-      '#66aa00',
-      '#b82e2e',
-      '#316395',
-    ],
-  },
-  {
-    id: 'googleCategory20c',
-    label: 'Google Category 20c',
-    colors: [
-      '#3366cc',
-      '#dc3912',
-      '#ff9900',
-      '#109618',
-      '#990099',
-      '#0099c6',
-      '#dd4477',
-      '#66aa00',
-      '#b82e2e',
-      '#316395',
-      '#994499',
-      '#22aa99',
-      '#aaaa11',
-      '#6633cc',
-      '#e67300',
-      '#8b0707',
-      '#651067',
-      '#329262',
-      '#5574a6',
-      '#3b3eac',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalGoogle.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/lyft.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/lyft.ts
@@ -17,26 +17,8 @@
 * under the License.
 */

+import { categoricalLyft } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'lyftColors',
-    label: 'Lyft Colors',
-    colors: [
-      '#EA0B8C',
-      '#6C838E',
-      '#29ABE2',
-      '#33D9C1',
-      '#9DACB9',
-      '#7560AA',
-      '#2D5584',
-      '#831C4A',
-      '#333D47',
-      '#AC2077',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalLyft.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/modernSunset.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/modernSunset.ts
@@ -17,30 +17,8 @@
 * under the License.
 */

+import { categoricalModernSunset } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';
-import { ColorSchemeGroup } from '../../types';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'modernSunset',
-    label: 'Modern sunset',
-    group: ColorSchemeGroup.Featured,
-    colors: [
-      '#0080F6',
-      '#254081',
-      '#6C4592',
-      '#A94693',
-      '#DC4180',
-      '#F35193',
-      '#FF7582',
-      '#FF4C5D',
-      '#FF824E',
-      '#FFAD2A',
-      '#FFDB04',
-      '#F3F700',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalModernSunset.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/preset.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/preset.ts
@@ -17,40 +17,8 @@
 * under the License.
 */

+import { categoricalPreset } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';
-import { ColorSchemeGroup } from '../../types';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'presetColors',
-    label: 'Preset Colors',
-    group: ColorSchemeGroup.Featured,
-    colors: [
-      // Full color
-      '#6BD3B3',
-      '#FCC550',
-      '#408184',
-      '#66CBE2',
-      '#EE5960',
-      '#484E5A',
-      '#FF874E',
-      '#03748E',
-      '#C9BBAB',
-      '#B17BAA',
-      // Pastels
-      '#B5E9D9',
-      '#FDE2A7',
-      '#9FC0C1',
-      '#B2E5F0',
-      '#F6ACAF',
-      '#A4A6AC',
-      '#FFC3A6',
-      '#81B9C6',
-      '#E4DDD5',
-      '#D9BDD5',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalPreset.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/presetAndSuperset.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/presetAndSuperset.ts
@@ -17,30 +17,8 @@
 * under the License.
 */

+import { categoricalPresetAndSuperset } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';
-import { ColorSchemeGroup } from '../../types';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'supersetAndPresetColors',
-    label: 'Preset + Superset',
-    group: ColorSchemeGroup.Featured,
-    colors: [
-      '#004960',
-      '#2893B3',
-      '#20A7C9',
-      '#5CC0DA',
-      '#7DCDE1',
-      '#A9D3E1',
-      '#C6ECE1',
-      '#AAE2D2',
-      '#71CFB4',
-      '#2FC096',
-      '#178F7A',
-      '#067162',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalPresetAndSuperset.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/redToYellow.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/redToYellow.ts
@@ -17,28 +17,8 @@
 * under the License.
 */

+import { categoricalRedToYellow } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';
-import { ColorSchemeGroup } from '../../types';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'redToYellow',
-    label: 'Red to yellow',
-    group: ColorSchemeGroup.Featured,
-    colors: [
-      '#90042A',
-      '#D60039',
-      '#D1353B',
-      '#E45233',
-      '#F47028',
-      '#FE8E17',
-      '#FFAD00',
-      '#FFCC00',
-      '#FFE601',
-      '#FFF46D',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalRedToYellow.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/superset.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/superset.ts
@@ -17,40 +17,8 @@
 * under the License.
 */

+import { categoricalSuperset } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';
-import { ColorSchemeGroup } from '../../types';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'supersetColors',
-    label: 'Superset Colors',
-    group: ColorSchemeGroup.Featured,
-    colors: [
-      // Full color
-      '#1FA8C9',
-      '#454E7C',
-      '#5AC189',
-      '#FF7F44',
-      '#666666',
-      '#E04355',
-      '#FCC700',
-      '#A868B7',
-      '#3CCCCB',
-      '#A38F79',
-      // Pastels
-      '#8FD3E4',
-      '#A1A6BD',
-      '#ACE1C4',
-      '#FEC0A1',
-      '#B2B2B2',
-      '#EFA1AA',
-      '#FDE380',
-      '#D3B3DA',
-      '#9EE5E5',
-      '#D1C6BC',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalSuperset.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/wavesOfBlue.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/categorical/wavesOfBlue.ts
@@ -17,28 +17,8 @@
 * under the License.
 */

+import { categoricalWavesOfBlue } from '@apache-superset/core/colors';
 import CategoricalScheme from '../../CategoricalScheme';
-import { ColorSchemeGroup } from '../../types';

-// TODO: add the colors to the theme while working on SIP https://github.com/apache/superset/issues/20159
-const schemes = [
-  {
-    id: 'wavesOfBlue',
-    label: 'Waves of blue',
-    group: ColorSchemeGroup.Featured,
-    colors: [
-      '#070061',
-      '#0A0095',
-      '#0054B4',
-      '#006BE7',
-      '#2289FF',
-      '#4A9FFF',
-      '#76B6FF',
-      '#9DCBFF',
-      '#BEDCFF',
-      '#DAEBFF',
-    ],
-  },
-].map(s => new CategoricalScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default categoricalWavesOfBlue.map(s => new CategoricalScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/sequential/common.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/sequential/common.ts
@@ -17,212 +17,8 @@
 * under the License.
 */

+import { sequentialCommon } from '@apache-superset/core/colors';
 import SequentialScheme from '../../SequentialScheme';

-const schemes = [
-  {
-    id: 'blue_white_yellow',
-    label: 'blue/white/yellow',
-    colors: ['#00d1c1', 'white', '#ffb400'],
-  },
-  {
-    id: 'fire',
-    colors: ['white', 'yellow', 'red', 'black'],
-  },
-  {
-    id: 'white_black',
-    label: 'white/black',
-    colors: ['white', 'black'],
-  },
-  {
-    id: 'black_white',
-    label: 'black/white',
-    colors: ['black', 'white'],
-  },
-  {
-    id: 'dark_blue',
-    label: 'dark blues',
-    colors: ['#EBF5F8', '#6BB1CC', '#357E9B', '#1B4150', '#092935'],
-  },
-  {
-    id: 'pink_grey',
-    label: 'pink/grey',
-    isDiverging: true,
-    colors: ['#E70B81', '#FAFAFA', '#666666'],
-  },
-  {
-    id: 'greens',
-    colors: ['#ffffcc', '#78c679', '#006837'],
-  },
-  {
-    id: 'purples',
-    colors: ['#f2f0f7', '#9e9ac8', '#54278f'],
-  },
-  {
-    id: 'oranges',
-    colors: ['#fef0d9', '#fc8d59', '#b30000'],
-  },
-  {
-    id: 'red_yellow_blue',
-    label: 'red/yellow/blue',
-    isDiverging: true,
-    colors: ['#d7191c', '#fdae61', '#ffffbf', '#abd9e9', '#2c7bb6'],
-  },
-  {
-    id: 'brown_white_green',
-    label: 'brown/white/green',
-    isDiverging: true,
-    colors: ['#a6611a', '#dfc27d', '#f5f5f5', '#80cdc1', '#018571'],
-  },
-  {
-    id: 'purple_white_green',
-    label: 'purple/white/green',
-    isDiverging: true,
-    colors: ['#7b3294', '#c2a5cf', '#f7f7f7', '#a6dba0', '#008837'],
-  },
-  {
-    id: 'superset_seq_1',
-    label: 'Superset Sequential #1',
-    isDiverging: false,
-    colors: [
-      '#F4FAD4',
-      '#D7F1AC',
-      '#A9E3AF',
-      '#82CDBB',
-      '#63C1BF',
-      '#1FA8C9',
-      '#2367AC',
-      '#2A2D84',
-      '#251354',
-      '#050415',
-    ],
-  },
-  {
-    id: 'superset_seq_2',
-    label: 'Superset Sequential #2',
-    isDiverging: false,
-    colors: [
-      '#FBF1B4',
-      '#FDD093',
-      '#FEAD71',
-      '#FF7F44',
-      '#E04355',
-      '#C53D6F',
-      '#952B7B',
-      '#4F167B',
-      '#251354',
-      '#050415',
-    ],
-  },
-  {
-    id: 'superset_div_1',
-    label: 'Superset Diverging #1',
-    isDiverging: false,
-    colors: [
-      '#E04355',
-      '#E87180',
-      '#EFA1AA',
-      '#F7D0D4',
-      '#F6F6F7',
-      '#C8E9F1',
-      '#8FD3E4',
-      '#58BDD7',
-      '#1FA8C9',
-    ],
-  },
-  {
-    id: 'superset_div_2',
-    label: 'Superset Diverging #2',
-    isDiverging: false,
-    colors: [
-      '#FF7F44',
-      '#FF9E72',
-      '#FEC0A1',
-      '#FFDFD0',
-      '#F6F6F7',
-      '#C8E9F1',
-      '#8FD3E4',
-      '#58BDD7',
-      '#1FA8C9',
-    ],
-  },
-  {
-    id: 'preset_seq_1',
-    label: 'Preset Sequential #1',
-    isDiverging: false,
-    colors: [
-      '#F3FAEB',
-      '#DEF2D7',
-      '#CAEAC4',
-      '#98DEBC',
-      '#69D3B5',
-      '#4AA59D',
-      '#287886',
-      '#0D5B6A',
-      '#03273F',
-      '#03273F',
-    ],
-  },
-  {
-    id: 'preset_seq_2',
-    label: 'Preset Sequential #2',
-    isDiverging: false,
-    colors: [
-      '#FEECE8',
-      '#FDE2DA',
-      '#FCCEC2',
-      '#F998AA',
-      '#F76896',
-      '#D13186',
-      '#AC0378',
-      '#790071',
-      '#43026C',
-      '#050415',
-    ],
-  },
-  {
-    id: 'preset_div_1',
-    label: 'Preset Diverging #1',
-    isDiverging: false,
-    colors: [
-      '#B17BAA',
-      '#C59DC0',
-      '#D9BDD5',
-      '#D9BDD5',
-      '#F6F6F7',
-      '#CBEFE5',
-      '#98DECA',
-      '#64D0B0',
-      '#32BE96',
-    ],
-  },
-  {
-    id: 'preset_div_2',
-    label: 'Preset Diverging #2',
-    isDiverging: false,
-    colors: [
-      '#CB5171',
-      '#D87C94',
-      '#E5A8B7',
-      '#F2D3DB',
-      '#F6F6F7',
-      '#CEE8EC',
-      '#9CD1D8',
-      '#6CBAC6',
-      '#3AA3B2',
-    ],
-  },
-  {
-    id: 'echarts_gradient',
-    label: 'ECharts gradient',
-    isDiverging: false,
-    colors: ['#f6EFA6', '#D88273', '#BF444C'],
-  },
-  {
-    id: 'deck_gl_heatmap_gradient',
-    label: 'Deck.gl Heatmap Default',
-    colors: ['#bd0026', '#f03b20', '#fd8d3c', '#feb24c', '#fed976', '#ffffb2'],
-  },
-].map(s => new SequentialScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default sequentialCommon.map(s => new SequentialScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/sequential/d3.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/colorSchemes/sequential/d3.ts
@@ -17,513 +17,8 @@
 * under the License.
 */

+import { sequentialD3 } from '@apache-superset/core/colors';
 import SequentialScheme from '../../SequentialScheme';

-const schemes = [
-  {
-    id: 'schemeRdBu',
-    label: 'red/blue',
-    isDiverging: true,
-    colors: [
-      '#67001f',
-      '#b2182b',
-      '#d6604d',
-      '#f4a582',
-      '#fddbc7',
-      '#d1e5f0',
-      '#92c5de',
-      '#4393c3',
-      '#2166ac',
-      '#053061',
-    ],
-  },
-  {
-    id: 'schemeBrBG',
-    label: 'brown/green',
-    isDiverging: true,
-    colors: [
-      '#543005',
-      '#8c510a',
-      '#bf812d',
-      '#dfc27d',
-      '#f6e8c3',
-      '#c7eae5',
-      '#80cdc1',
-      '#35978f',
-      '#01665e',
-      '#003c30',
-    ],
-  },
-  {
-    id: 'schemePRGn',
-    label: 'purple/green',
-    isDiverging: true,
-    colors: [
-      '#40004b',
-      '#762a83',
-      '#9970ab',
-      '#c2a5cf',
-      '#e7d4e8',
-      '#d9f0d3',
-      '#a6dba0',
-      '#5aae61',
-      '#1b7837',
-      '#00441b',
-    ],
-  },
-  {
-    id: 'schemePiYG',
-    label: 'pink/green',
-    isDiverging: true,
-    colors: [
-      '#8e0152',
-      '#c51b7d',
-      '#de77ae',
-      '#f1b6da',
-      '#fde0ef',
-      '#e6f5d0',
-      '#b8e186',
-      '#7fbc41',
-      '#4d9221',
-      '#276419',
-    ],
-  },
-  {
-    id: 'schemePuOr',
-    label: 'purple/orange',
-    isDiverging: true,
-    colors: [
-      '#2d004b',
-      '#542788',
-      '#8073ac',
-      '#b2abd2',
-      '#d8daeb',
-      '#fee0b6',
-      '#fdb863',
-      '#e08214',
-      '#b35806',
-      '#7f3b08',
-    ],
-  },
-  {
-    id: 'schemeRdGy',
-    label: 'red/gray/black',
-    isDiverging: true,
-    colors: [
-      '#67001f',
-      '#b2182b',
-      '#d6604d',
-      '#f4a582',
-      '#fddbc7',
-      '#e0e0e0',
-      '#bababa',
-      '#878787',
-      '#4d4d4d',
-      '#1a1a1a',
-    ],
-  },
-  {
-    id: 'schemeRdYlBu',
-    label: 'red/yellow/blue',
-    colors: [
-      '#a50026',
-      '#d73027',
-      '#f46d43',
-      '#fdae61',
-      '#fee090',
-      '#e0f3f8',
-      '#abd9e9',
-      '#74add1',
-      '#4575b4',
-      '#313695',
-    ],
-    isDiverging: true,
-  },
-  {
-    id: 'schemeRdYlGn',
-    label: 'red/yellow/green',
-    colors: [
-      '#a50026',
-      '#d73027',
-      '#f46d43',
-      '#fdae61',
-      '#fee08b',
-      '#d9ef8b',
-      '#a6d96a',
-      '#66bd63',
-      '#1a9850',
-      '#006837',
-    ],
-    isDiverging: true,
-  },
-  {
-    id: 'schemeSpectral',
-    label: 'rainbow',
-    colors: [
-      '#9e0142',
-      '#d53e4f',
-      '#f46d43',
-      '#fdae61',
-      '#fee08b',
-      '#e6f598',
-      '#abdda4',
-      '#66c2a5',
-      '#3288bd',
-      '#5e4fa2',
-    ],
-  },
-  {
-    id: 'schemeBlues',
-    label: 'blues',
-    colors: [
-      '#b5d4e9',
-      '#93c3df',
-      '#6daed5',
-      '#4b97c9',
-      '#2f7ebc',
-      '#1864aa',
-      '#0a4a90',
-      '#08306b',
-    ],
-  },
-  {
-    id: 'schemeGreens',
-    label: 'greens',
-    colors: [
-      '#b7e2b1',
-      '#97d494',
-      '#73c378',
-      '#4daf62',
-      '#2f984f',
-      '#157f3b',
-      '#036429',
-      '#00441b',
-    ],
-  },
-  {
-    id: 'schemeGrays',
-    label: 'grays',
-    colors: [
-      '#cecece',
-      '#b4b4b4',
-      '#979797',
-      '#7a7a7a',
-      '#5f5f5f',
-      '#404040',
-      '#1e1e1e',
-      '#000000',
-    ],
-  },
-  {
-    id: 'schemeOranges',
-    label: 'oranges',
-    colors: [
-      '#fdc28c',
-      '#fda762',
-      '#fb8d3d',
-      '#f2701d',
-      '#e25609',
-      '#c44103',
-      '#9f3303',
-      '#7f2704',
-    ],
-  },
-  {
-    id: 'schemePurples',
-    label: 'purples',
-    colors: [
-      '#cecee5',
-      '#b6b5d8',
-      '#9e9bc9',
-      '#8782bc',
-      '#7363ac',
-      '#61409b',
-      '#501f8c',
-      '#3f007d',
-    ],
-  },
-  {
-    id: 'schemeReds',
-    label: 'reds',
-    colors: [
-      '#fcaa8e',
-      '#fc8a6b',
-      '#f9694c',
-      '#ef4533',
-      '#d92723',
-      '#bb151a',
-      '#970b13',
-      '#67000d',
-    ],
-  },
-  {
-    id: 'schemeViridis',
-    label: 'Viridis',
-    colors: [
-      '#482475',
-      '#414487',
-      '#355f8d',
-      '#2a788e',
-      '#21918c',
-      '#22a884',
-      '#44bf70',
-      '#7ad151',
-      '#bddf26',
-      '#fde725',
-    ],
-  },
-  {
-    id: 'schemeInferno',
-    label: 'Inferno',
-    colors: [
-      '#160b39',
-      '#420a68',
-      '#6a176e',
-      '#932667',
-      '#bc3754',
-      '#dd513a',
-      '#f37819',
-      '#fca50a',
-      '#f6d746',
-      '#fcffa4',
-    ],
-  },
-  {
-    id: 'schemeMagma',
-    label: 'Magma',
-    colors: [
-      '#140e36',
-      '#3b0f70',
-      '#641a80',
-      '#8c2981',
-      '#b73779',
-      '#de4968',
-      '#f7705c',
-      '#fe9f6d',
-      '#fecf92',
-      '#fcfdbf',
-    ],
-  },
-  {
-    id: 'schemeWarm',
-    label: 'Warm',
-    colors: [
-      '#963db3',
-      '#bf3caf',
-      '#e4419d',
-      '#fe4b83',
-      '#ff5e63',
-      '#ff7847',
-      '#fb9633',
-      '#e2b72f',
-      '#c6d63c',
-      '#aff05b',
-    ],
-  },
-  {
-    id: 'schemeCool',
-    label: 'Cool',
-    colors: [
-      '#6054c8',
-      '#4c6edb',
-      '#368ce1',
-      '#23abd8',
-      '#1ac7c2',
-      '#1ddfa3',
-      '#30ef82',
-      '#52f667',
-      '#7ff658',
-      '#aff05b',
-    ],
-  },
-  {
-    id: 'schemeCubehelixDefault',
-    label: 'Cube Helix',
-    colors: [
-      '#1a1530',
-      '#163d4e',
-      '#1f6642',
-      '#54792f',
-      '#a07949',
-      '#d07e93',
-      '#cf9cda',
-      '#c1caf3',
-      '#d2eeef',
-      '#ffffff',
-    ],
-  },
-  {
-    id: 'schemeBuGn',
-    label: 'blue/green',
-    colors: [
-      '#b7e4da',
-      '#8fd3c1',
-      '#68c2a3',
-      '#49b17f',
-      '#2f9959',
-      '#157f3c',
-      '#036429',
-      '#00441b',
-    ],
-  },
-  {
-    id: 'schemeBuPu',
-    label: 'blue/purple',
-    colors: [
-      '#b2cae1',
-      '#9cb3d5',
-      '#8f95c6',
-      '#8c74b5',
-      '#8952a5',
-      '#852d8f',
-      '#730f71',
-      '#4d004b',
-    ],
-  },
-  {
-    id: 'schemeGnBu',
-    label: 'green/blue',
-    colors: [
-      '#bde5bf',
-      '#9ed9bb',
-      '#7bcbc4',
-      '#58b7cd',
-      '#399cc6',
-      '#1d7eb7',
-      '#0b60a1',
-      '#084081',
-    ],
-  },
-  {
-    id: 'schemeOrRd',
-    label: 'orange/red',
-    colors: [
-      '#fdca94',
-      '#fdb07a',
-      '#fa8e5d',
-      '#f16c49',
-      '#e04530',
-      '#c81d13',
-      '#a70403',
-      '#7f0000',
-    ],
-  },
-  {
-    id: 'schemePuBuGn',
-    label: 'purple/blue/green',
-    colors: [
-      '#bec9e2',
-      '#98b9d9',
-      '#69a8cf',
-      '#4096c0',
-      '#19879f',
-      '#037877',
-      '#016353',
-      '#014636',
-    ],
-  },
-  {
-    id: 'schemePuBu',
-    label: 'purple/blue',
-    colors: [
-      '#bfc9e2',
-      '#9bb9d9',
-      '#72a8cf',
-      '#4394c3',
-      '#1a7db6',
-      '#0667a1',
-      '#045281',
-      '#023858',
-    ],
-  },
-  {
-    id: 'schemePuRd',
-    label: 'purple/red',
-    colors: [
-      '#d0aad2',
-      '#d08ac2',
-      '#dd63ae',
-      '#e33890',
-      '#d71c6c',
-      '#b70b4f',
-      '#8f023a',
-      '#67001f',
-    ],
-  },
-  {
-    id: 'schemeRdPu',
-    label: 'red/purple',
-    colors: [
-      '#fbb5bc',
-      '#f993b0',
-      '#f369a3',
-      '#e03e98',
-      '#c01788',
-      '#99037c',
-      '#700174',
-      '#49006a',
-    ],
-  },
-  {
-    id: 'schemeYlGnBu',
-    label: 'yellow/green/blue',
-    colors: [
-      '#d5eeb3',
-      '#a9ddb7',
-      '#73c9bd',
-      '#45b4c2',
-      '#2897bf',
-      '#2073b2',
-      '#234ea0',
-      '#1c3185',
-      '#081d58',
-    ],
-  },
-  {
-    id: 'schemeYlGn',
-    label: 'yellow/green',
-    colors: [
-      '#e4f4ac',
-      '#c7e89b',
-      '#a2d88a',
-      '#78c578',
-      '#4eaf63',
-      '#2f944e',
-      '#15793f',
-      '#036034',
-      '#004529',
-    ],
-  },
-  {
-    id: 'schemeYlOrBr',
-    label: 'yellow/orange/brown',
-    colors: [
-      '#feeaa1',
-      '#fed676',
-      '#feba4a',
-      '#fb992c',
-      '#ee7918',
-      '#d85b0a',
-      '#b74304',
-      '#8f3204',
-      '#662506',
-    ],
-  },
-  {
-    id: 'schemeYlOrRd',
-    label: 'yellow/orange/red',
-    colors: [
-      '#fee087',
-      '#fec965',
-      '#feab4b',
-      '#fd893c',
-      '#fa5c2e',
-      '#ec3023',
-      '#d31121',
-      '#af0225',
-      '#800026',
-    ],
-  },
-].map(s => new SequentialScheme(s));
-
-export default schemes;
+// Palette data lives in @apache-superset/core/colors — edit configs there.
+export default sequentialD3.map(s => new SequentialScheme(s));
--- a/superset-frontend/packages/superset-ui-core/src/color/types.ts
+++ b/superset-frontend/packages/superset-ui-core/src/color/types.ts
@@ -32,8 +32,7 @@ export interface RgbaColor {
  a: number;
 }

-export enum ColorSchemeGroup {
-  Custom = 'custom',
-  Featured = 'featured',
-  Other = 'other',
-}
+// Re-exported from @apache-superset/core/colors so that @superset-ui/core
+// consumers continue to import from the same path without breaking changes,
+// while @apache-superset/core remains the single source of truth.
+export { ColorSchemeGroup } from '@apache-superset/core/colors';
--- a/superset-frontend/packages/superset-ui-core/test/color/colorSchemes.test.ts
+++ b/superset-frontend/packages/superset-ui-core/test/color/colorSchemes.test.ts
@@ -24,6 +24,12 @@ import {
  CategoricalD3,
  CategoricalGoogle,
  CategoricalLyft,
+  CategoricalModernSunset,
+  CategoricalColorsOfRainbow,
+  CategoricalBlueToGreen,
+  CategoricalRedToYellow,
+  CategoricalWavesOfBlue,
+  CategoricalPresetSuperset,
  SequentialCommon,
  SequentialD3,
  CategoricalScheme,
@@ -41,22 +47,59 @@ describe('Color Schemes', () => {
        CategoricalLyft,
        CategoricalSuperset,
        CategoricalPreset,
+        CategoricalModernSunset,
+        CategoricalColorsOfRainbow,
+        CategoricalBlueToGreen,
+        CategoricalRedToYellow,
+        CategoricalWavesOfBlue,
+        CategoricalPresetSuperset,
      ].forEach(group => {
        expect(group).toBeInstanceOf(Array);
+        expect(group.length).toBeGreaterThan(0);
        group.forEach(scheme =>
          expect(scheme).toBeInstanceOf(CategoricalScheme),
        );
      });
    });
+
+    test('each scheme has a non-empty id and at least one color', () => {
+      [
+        ...CategoricalAirbnb,
+        ...CategoricalD3,
+        ...CategoricalEcharts,
+        ...CategoricalGoogle,
+        ...CategoricalLyft,
+        ...CategoricalPreset,
+        ...CategoricalSuperset,
+        ...CategoricalPresetSuperset,
+        ...CategoricalModernSunset,
+        ...CategoricalColorsOfRainbow,
+        ...CategoricalBlueToGreen,
+        ...CategoricalRedToYellow,
+        ...CategoricalWavesOfBlue,
+      ].forEach(scheme => {
+        expect(scheme.id).toBeTruthy();
+        expect(scheme.colors.length).toBeGreaterThan(0);
+      });
+    });
  });
+
  describe('sequential', () => {
    test('returns an array of SequentialScheme', () => {
      [SequentialCommon, SequentialD3].forEach(group => {
        expect(group).toBeInstanceOf(Array);
+        expect(group.length).toBeGreaterThan(0);
        group.forEach(scheme =>
          expect(scheme).toBeInstanceOf(SequentialScheme),
        );
      });
    });
+
+    test('each scheme has a non-empty id and at least two colors', () => {
+      [...SequentialCommon, ...SequentialD3].forEach(scheme => {
+        expect(scheme.id).toBeTruthy();
+        expect(scheme.colors.length).toBeGreaterThanOrEqual(2);
+      });
+    });
  });
 });
--- a/superset-frontend/src/setup/setupColors.ts
+++ b/superset-frontend/src/setup/setupColors.ts
@@ -17,33 +17,23 @@
 * under the License.
 */
 import {
-  CategoricalScheme,
-  ColorScheme,
+  allCategoricalColorSchemeConfigs,
+  allSequentialColorSchemeConfigs,
  ColorSchemeConfig,
+  ColorSchemeGroup,
+  DEFAULT_CATEGORICAL_SCHEME,
+  DEFAULT_SEQUENTIAL_SCHEME,
+  SequentialSchemeConfig,
+} from '@apache-superset/core/colors';
+import {
+  CategoricalScheme,
+  ColorSchemeRegistry,
  getCategoricalSchemeRegistry,
  getSequentialSchemeRegistry,
  SequentialScheme,
-  SequentialSchemeConfig,
-  CategoricalAirbnb,
-  CategoricalD3,
-  CategoricalEcharts,
-  CategoricalGoogle,
-  CategoricalLyft,
-  CategoricalPreset,
-  CategoricalSuperset,
-  SequentialCommon,
-  SequentialD3,
-  ColorSchemeRegistry,
-  ColorSchemeGroup,
-  CategoricalPresetSuperset,
-  CategoricalModernSunset,
-  CategoricalColorsOfRainbow,
-  CategoricalBlueToGreen,
-  CategoricalRedToYellow,
-  CategoricalWavesOfBlue,
 } from '@superset-ui/core';

-function registerColorSchemes<T extends ColorScheme>(
+function registerColorSchemes<T extends { id: string; isDefault?: boolean }>(
  registry: ColorSchemeRegistry<T>,
  colorSchemes: T[],
  standardDefaultKey: string,
@@ -68,29 +58,22 @@ export default function setupColors(
  const extraSequentialColorSchemes = extraSequentialColorSchemeConfigs.map(
    config => new SequentialScheme(config),
  );
+
  registerColorSchemes(
    getCategoricalSchemeRegistry(),
    [
-      ...CategoricalAirbnb,
-      ...CategoricalD3,
-      ...CategoricalEcharts,
-      ...CategoricalGoogle,
-      ...CategoricalLyft,
-      ...CategoricalPreset,
-      ...CategoricalSuperset,
-      ...CategoricalPresetSuperset,
-      ...CategoricalModernSunset,
-      ...CategoricalColorsOfRainbow,
-      ...CategoricalBlueToGreen,
-      ...CategoricalRedToYellow,
-      ...CategoricalWavesOfBlue,
+      ...allCategoricalColorSchemeConfigs.map(c => new CategoricalScheme(c)),
      ...extraCategoricalColorSchemes,
    ],
-    'supersetColors',
+    DEFAULT_CATEGORICAL_SCHEME,
  );
+
  registerColorSchemes(
    getSequentialSchemeRegistry(),
-    [...SequentialCommon, ...SequentialD3, ...extraSequentialColorSchemes],
-    'superset_seq_1',
+    [
+      ...allSequentialColorSchemeConfigs.map(c => new SequentialScheme(c)),
+      ...extraSequentialColorSchemes,
+    ],
+    DEFAULT_SEQUENTIAL_SCHEME,
  );
 }