Color Wind

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 Features

1. Generate palettes based on Tailwind color structure
2. Validate contrast ratios (WCAG AA & AAA)
3. Light theme and dark theme support
4. Save colors as Figma variables or styles
5. Live preview on real UI components
6. Free forever — no paywalls, no accounts, no tracking

Color Wind is ideal for designers building scalable design systems, working with Tailwind-based projects, or anyone who wants accessible color foundations from day one.