Color Palette Generator
Generate a 5-color palette from a base color. Click a color to copy its HEX value.
Generated Palette
What is a Color Palette?
A palette is a set of related colors. This tool generates 5 shades from a base color by varying lightness—darker and lighter versions of your chosen color.
What is it used for?
- UI design: Buttons, hover states, backgrounds
- Branding: Primary color and its variants
- Accessibility: Light/dark shades for contrast
- CSS variables: Define a color scale
How it works
Pick a base color or enter a HEX. The tool creates 5 shades. Click a color to copy its HEX value.