Build with Colors,
Like a Pro.
Developer Knowledge Base
Deep dive into Tailwind CSS concepts, color theory, and best practices.
Frequently Asked Questions
What is Tailwind CSS?
Tailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. It allows for faster development and easier maintenance compared to traditional CSS.
How do I use the generated palette?
After generating your palette on TailG, simply copy the JSON output. Open your project's tailwind.config.js or tailwind.config.ts file, and paste the code into the theme.extend.colors section. This will make your custom colors available as utility classes like bg-brand-500.
Is TailG free to use?
Yes! Our Palette Generator and Gradient Maker are completely free to use for both personal and commercial projects. We also offer premium UI components for supporters.