generate gray colors

colors.ts

export interface Color {
  50: string;
  100: string;
  200: string;
  300: string;
  400: string;
  500: string;
  600: string;
  700: string;
  800: string;
  900: string;
}

export const generateGrayColors = (): Color => {
  return Array(10)
    .fill((i: number) => (i === 0 ? 0.05 : '0.' + i))
    .map((f, i) => f(i))
    .reduce((acc, label) => {
      return { ...acc, [label * 1000]: `hsl(0deg, 0%, ${(1 - Number(label)) * 100}%)` };
    }, {} as Record<string, string>);
};