How I make UI color palettes

UI color palettes typically consist of three categories: brand colors, supporting colors, and neutrals. Brand colors, often determined by the business, are used for elements like buttons, links, navigation, and icons to establish the site's feel. Supporting colors are used selectively for attention-grabbing or communicative elements, such as success messages (green), warnings (orange or yellow), errors (red), and informational messages (blue). To create a color palette, start with a base color (usually the brand color) and then choose supporting colors that harmonize with it, paying attention to HSB values for saturation and brightness. Develop shades for each color using a systematic process, creating a scale from light to dark, and ensure cohesion by testing the palette in actual UI designs, making adjustments as needed for aesthetic appeal and color contrast.