A Color Palette Generator tool has been created to help customize colors in Tailwind CSS efficiently, providing a ready-to-use Tailwind config with no manual hex code conversions required.
The tool is based on color theory and allows users to select a base color and a color pattern like Complementary, Triadic, Square, Analogous, etc., generating a palette with harmony and a corresponding ready-to-use tailwind.config.js snippet.
The project uses a tech stack featuring React-ts, Vite, Tailwind CSS for the frontend and React Query, Zod, Zustand for state management and data, ensuring a smooth and efficient development process with features like instant reloads and color input validation.
Future improvements planned for the tool include UI polish for a better layout, a dark mode preview for checking color combinations in different themes, and enhancing the copy button user experience for smoother functionality.