Back to Plugins

Tailwind swatch generator + WCAG AA-compliance checker
Tailwind swatch generator with accessibility contrasts
Plugin Preview
About this plugin
Generates a Tailwind swatch from a single hex code, placing the original colour in the correct weight by comparing with the official Tailwind swatches.Contrast values include 1) solid colour on white background (e.g. button fill), 2) white text on solid colour (e.g. button text) and 3) black text on solid colour (e.g. outlines, alternative button text).
Plugin Details
| Version | 1 |
|---|---|
| Created | April 10, 2026 |
| Last Updated | April 10, 2026 |
| Category | shapes-colors |
| Creator | Clive Portman |
| Stats | 1 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the shapes-colors category.