Separate Colors in Charts

Our product management team has noticed that the same colors are used in a pie chart. We set the colors to different values, but we see the same shade of color used for two slices.
Can you help us understand how we can ensure different colors are used?
```

.fm-charts-color-1 {
fill:var(--hi-clr--blue-3)!important;
}

.fm-charts-color-2 {
fill:var(--hi-clr--yellow-3)!important;
}

.fm-charts-color-3 {
fill:var(--hi-clr--cyan-3)!important;
}

.fm-charts-color-4 {
fill:var(--hi-clr--orange-3)!important;
}

.fm-charts-color-5 {
fill:var(--hi-clr--green-3)!important;
}

.fm-charts-color-6 {
fill:var(--hi-clr--red-3)!important;
}

.fm-charts-color-7 {
fill:var(--hi-clr--teal-3)!important;
}

.fm-charts-color-8 {
fill:var(--hi-clr--magenta-3)!important;
}

.fm-charts-color-9 {
fill:var(--hi-clr--purple-3)!important;
}
```