Back to Plugins
Tailwind swatch generator + WCAG AA-compliance checker

Tailwind swatch generator + WCAG AA-compliance checker

Tailwind swatch generator with accessibility contrasts

Plugin Preview

Tailwind swatch generator + WCAG AA-compliance checker 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

Version1
CreatedApril 10, 2026
Last UpdatedApril 10, 2026
Categoryshapes-colors
CreatorClive Portman
Stats1 installs, 1 likes
PricingFree

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.