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 | 28041 installs, 3175 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 - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.