Skip to content
twc (tailwind colors)

twc (tailwind colors)

by Erik

Tailwind css color variables

FreeFigma

Installs

8

Likes

2

Users

106

Views

96

Preview

twc (tailwind colors) preview

About this plugin

twc – Tailwind Colors for FigmaInstantly bring utility-first color theming into your Figma workflow.

Adds the full default Tailwind CSS color palette and a curated set of multi-stop gradients as document color and paint styles:

🎨 Tailwind Color Variables•22 color families (e.g. red, blue, gray, etc.)•11 steps per color (50 → 950)•Organized and labeled swatches•Variables ready for fills, strokes, and components🌈 Predefined Gradient Styles•50+ linear gradients grouped by tone (warm, cool, pastel, dark, etc.)•Multi-stop and directional support (e.g. left → right, top-left → bottom-right)•Uses variable-bound color stops for full theme consistency

More shapes colors plugins

View all