Palette Generator

take this navbar that is already good and then create a custom color picker that when you click generate it automatically generates four colors that match (or complement) one another. Make sure that it give different colors every time that you click on the button to generate it and also make sure to include functionality and necessary files to create this page, whether that be HTML, js, or CSS so that I can add it. The theme of the page should be light mode and generally pretty monochrome other than the actual color. Make a gark mode version too that I can put in in a different CSS file that I will be switching to with javascript. In addition, make sure to include my prompt below the color picker with the exact text that I have here. My page that I plan to put this on is called genai.html for the HTML file and the file that I currently have for light mode styling is called styles.css