Back to Plugins
Tailwind CSS Color Generator
Create custom Tailwind CSS color scales based on a given Hex code or HSL color
tailwindcssgeneratortailwindcolor systemcolor palettecolorcolor stylescode-generators
Plugin Preview
About this plugin
Generate a full Tailwind CSS color scale based on a hex code, HSL color or a random color.Create and update color variables groups based on the generated color scale.Based on uicolors.app, a web app to generate, edit, share and save Tailwind CSS color scales.
Plugin Details
| Version | 6 |
|---|---|
| Created | May 22, 2023 |
| Last Updated | December 15, 2025 |
| Category | Software development |
| Creator | Erik de Vries |
| Stats | 33957 installs, 3605 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/src/ui/ui.html
- main:dist/src/code/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://uicolors.app/
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code