Back to Plugins
Color Wind

Color Wind

Generate accessible Tailwind color palettes and turn them into Figma variables — 100% free.

Plugin Preview

Color Wind preview

About this plugin

Color Wind is a 100% free productivity plugin that transforms Tailwind color palettes into production-ready Figma variables and styles — with accessibility and theming built in.There are no paid plans, no locked features, and no pro add-ons. Everything is available to everyone.Design and iterate on color systems faster by generating palettes based on Tailwind conventions, validating WCAG AA and AAA contrast ratios, and exporting everything directly into your Figma variables or styles panel.Before saving, you can preview your palette applied to real UI elements (text, buttons, backgrounds, cards, inputs) in both light and dark themes, ensuring your system works in real contexts — not just swatches.Key FeaturesGenerate palettes based on Tailwind color structureValidate contrast ratios (WCAG AA & AAA)Light theme and dark theme supportSave colors as Figma variables or stylesLive preview on real UI componentsFree forever — no paywalls, no accounts, no trackingColor Wind is ideal for designers building scalable design systems, working with Tailwind-based projects, or anyone who wants accessible color foundations from day one.

Plugin Details

Version1
CreatedFebruary 11, 2026
Last UpdatedFebruary 11, 2026
CategoryAccessibility tools
CreatorFran Melo
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none