Tools
Color & Design
Color utilities for building, testing, and exporting theme palettes. — 4 tools
Palette Viewer
Browse all Tailwind CSS / Nuxt UI color palettes with every shade value.
Palette Generator
Generate random semantic color palettes and export CSS variables for your theme.
Contrast Checker
Check WCAG AA and AAA contrast ratios between any two colors.
Color Converter
Convert colors between HEX, RGB, HSL, and OKLCH formats instantly.
A practical workflow for building a Nuxt UI theme
These tools are most useful as a sequence instead of isolated demos. Start in the palette viewer when you want to compare available color ramps, move to the palette generator when you need fast starting points, convert final values into the format your project expects, and finish with the contrast checker before you export tokens.
That workflow gives you a tighter feedback loop than editing raw config by hand because you can inspect hue families, validate exact color formats, and catch accessibility problems before the theme is applied across components, blocks, and full-page templates.