Color Wind

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.