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 | 5 |
|---|---|
| Created | May 22, 2023 |
| Last Updated | July 1, 2025 |
| Category | Software development |
| Creator | Erik de Vries |
| Stats | 29480 installs, 3276 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.