Uicolors app generates, edits, saves, and shares Tailwind CSS color shades from a hex code or HSL color.

Are you the developer of this app? Verify ownership to manage this listing.

Get a dedicated desktop app for Uicolors on Mac, Windows, and Linux with WebCatalog Desktop.

  • Launch Uicolors directly from your Dock or taskbar.
  • Work without distractions in a dedicated window, separate from your browser tabs.
  • Manage multiple Uicolors accounts and switch between them without logging out.

Learn more about WebCatalog Desktop

Uicolors is for web designers and developers who need to build a Tailwind CSS color system from a brand color. Enter a hex color or adjust its HSL values to generate a coordinated scale from light to dark shades, then edit, save, and share your colors. Preview palettes on UI examples such as cards, dashboards, and components, and add supporting success, info, warning, error, or neutral scales. Uicolors also lets you inspect contrast and color information, export a scale, and browse Tailwind’s existing colors with copyable values. It’s useful when choosing colors for a website or app and checking how a palette works across common interface elements.

Disclaimer: WebCatalog is not affiliated, associated, authorized, endorsed by or in any way officially connected to Uicolors. All product names, logos, and brands are property of their respective owners.