// Color generator function

    const generateColorPalette = (numColors) => {

        const baseColors = [

            'hsl(0, 70%, 50%)',   // Red

            'hsl(240, 70%, 50%)', // Blue

            'hsl(60, 70%, 50%)',  // Yellow

            'hsl(120, 70%, 40%)', // Green

            'hsl(300, 70%, 50%)', // Purple

            'hsl(30, 70%, 50%)',  // Orange

            'hsl(180, 70%, 40%)', // Teal

            'hsl(210, 70%, 50%)', // Indigo

        ];

        const colors = [];

        for (let i = 0; i < numColors; i++) {

            const baseColor = baseColors[i % baseColors.length];

            const lightnessVariation = 10 * Math.floor(i / baseColors.length); // Slightly adjust lightness for extra colors

            const color = baseColor.replace(/(\d+%)\)/, `${40 + lightnessVariation}%)`); // Replace lightness value

            colors.push(color);

        }

        return colors;

    };

​

​

const generateColorPalette = numColors => {

        const colors = []

        const saturation = 60

        const lightness = 40

​

        for (let i = 0; i < numColors; i++) {

            const hue = (i * (360 / numColors)) % 360

            colors.push(`hsl(${hue}, ${saturation}%, ${lightness}%)`)

        }

​

        return colors

    }

^(^[5|6]\d{3})-(\d{4})-(\d{4})-(\d{4})$