Tool capabilities
- Input
- Options
- Output
- CSS · Options
How to use Color Palette Generator
Choose analogous, complementary or triadic colors, generate tints and shades, and export a custom 50–950 color scale for Tailwind CSS v4. This color palette generator works directly in your browser and is free to use without an account.
- Choose a color or enter a supported HEX value.
- Adjust the controls and inspect the live visual preview.
- Copy the generated color values or CSS.
Color Palette Generator · Example
Input
#5265d8
Output
#5265d8 #8252d8 #d88252 #d8c552 #a8d852
Usage notes
Inputs and results are processed on this device. Tool content is not sent to a processing server.
Color values and CSS can render differently depending on the surrounding page and display.