Tailwind config export
Drop The Color Tools palettes straight into your tailwind.config.js theme.
Updated 2026-05-15 · 👍 154 found this helpful
Export → "Tailwind config" produces a snippet like:
theme: { extend: { colors: { brand: { 50: "#...", 100: "#...", ... 900: "#..." } } } }
Paste into your tailwind.config.js. We emit the full 50–950 ramp.
Tailwind v4: use "Tailwind v4 @theme" instead — emits CSS-first config.
Was this article helpful?
Related articles
Didn't answer your question?