Meet Chromastery. The next-gen color palette generator for tailwind.
The easiest way to generate a color palette for your next project. No design experience required. 100% Free, Forever.
Toolkit for better tailwind color palettes
Export to Tailwind
Export your color palette to Tailwind with one click. You own your color palette, no need to log in or subscribe.
Live Preview
View your color palette in real-time. Preview it in your browser on an actual site and export it when you're ready.
Simple, easy, fast
Create your color palette in seconds. No design experience required. 100% Free, Forever.
Acessibility checks
Coming soon
Check if your color palette is accessible. You can use it in any project.
Premade palettes
Coming soon
Use one of our premade color palettes from the gallery. The palettes are 100% free and used by some of the top tech companies in the world.
Custom Palette builder
Coming soon
Create your own color palette in seconds with our custom palette builder. It includes custom checks to make sure your palette is accessible and usable.
How it works
- Pick your colors from the color picker. By default it includes all the default tailwind colors which are handpicked by the tailwind team.
- Preview it live on the site. Whenever you change the colors this site will update the colors in realtime. Primary will be used for the main CTAs, secondary for the larger but less important blocks and accent as the highlight color.
- Click the export button to get the tailwind snippet you can copy and use in your project. You should be able to use the exported snippet in any tailwind 3 project without any issues.
Have any suggestions? Let us know.
If you have any sugesstions or feature requests for this project, feel free to reach out to us.