Alternatives to UI Colors
A web tool that generates Tailwind CSS color shade scales from a base color and previews them. The listings below can replace it for an important use case. Each note says what changes if you switch.
The original
UI Colors
A web tool that generates Tailwind CSS color shade scales from a base color and previews them.
Replacements
Listings that take over the same core job as UI Colors.
tints.dev
A web palette generator and API that builds 11-shade Tailwind CSS color scales from one base color.
tints.dev is free with no Pro tier and builds 50 to 950 Tailwind scales with an API and shareable URLs, but lacks the UI and shadcn/ui component previews.
ColorBox
A web tool for building accessible color scales from adjustable hue, saturation and brightness curves.
ColorBox is free and gives curve-based control of each channel with contrast ratios per step, exporting to Tailwind CSS, OKLCH and Swift, though its controls take some learning.
Atmos
A web-based color palette generator for UI designers, with shade scales and accessibility checks.
Atmos is also freemium and builds uniform shade scales with semantic status colors and accessibility checks, without being tied to Tailwind CSS naming.
Scale
A web tool that generates a smooth color scale from a single base color.
Scale is free and builds a smooth tint and shade scale from one base color with hue and saturation curves, but has no Tailwind export or UI previews described.
Leonardo
Adobe's web tool for generating accessible color themes and scales from target contrast ratios.
Leonardo is free and open source, generating scales from target contrast ratios with adaptive dark themes and exports to CSS custom properties and Design Tokens instead of Tailwind naming.
Geenes
A browser tool for building color scales and exporting them to Sketch or code.
Geenes is free and builds color scales from hue and saturation curves with export to Sketch or code, but offers little documentation and no UI previews.
Huetone
An open-source web tool for building predictable, accessible color palettes in the LCH color space.
Huetone is free and open source, building accessible LCH-based scales across hues, and assumes some familiarity with color spaces instead of Tailwind conventions.
Accessible Palette
A web tool for building color systems with consistent lightness and WCAG contrast across hues.
Accessible Palette is free and focuses on consistent lightness and WCAG contrast across hues, but does not describe Tailwind export or UI previews.
Also worth comparing
These listings name UI Colors as their own alternative, so the relationship runs both ways.
Happy Hues
Curated color palettes shown applied live to an example website UI.
UI Colors generates Tailwind shade scales from a base color and previews them on UI examples, with some features requiring a Pro subscription.
Material Palette
A web generator that builds downloadable Material Design color palettes from two colors you choose.
UI Colors generates Tailwind CSS shade scales with UI previews instead of Material palettes, with some features behind a Pro subscription.
Material Theme Builder
Google's web tool for generating Material Design 3 color schemes from a source color.
UI Colors generates Tailwind CSS shade scales with neutral and status colors from one color, with some features requiring a Pro subscription.
Realtime Colors
A web tool that previews a color palette and font pairing on a realistic page layout as you edit it.
UI Colors previews Tailwind shade scales on UI examples and shadcn/ui components, with some features requiring a Pro subscription.
Similar software
Related functionality, not a direct replacement.
Colorffy
A set of web tools for generating color palettes, shades, gradients and light or dark UI themes.
Coolors
Fast color palette generator for browsing and tweaking combinations.
Muzli Colors
A web color palette generator with search, collections and previews on sample UI designs.
