Alternatives to tints.dev
A web palette generator and API that builds 11-shade Tailwind CSS color scales from one base color. The listings below can replace it for an important use case. Each note says what changes if you switch.
The original
tints.dev
A web palette generator and API that builds 11-shade Tailwind CSS color scales from one base color.
Replacements
Listings that take over the same core job as tints.dev.
UI Colors
A web tool that generates Tailwind CSS color shade scales from a base color and previews them.
UI Colors also builds Tailwind CSS shade scales from one color and adds UI previews, shadcn/ui components and neutral scales, but some features need a Pro subscription and it has no API.
ColorBox
A web tool for building accessible color scales from adjustable hue, saturation and brightness curves.
ColorBox builds scales from adjustable hue, saturation and brightness curves with contrast ratios per step and exports to Tailwind CSS, OKLCH and Swift, with a steeper learning curve.
Scale
A web tool that generates a smooth color scale from a single base color.
Scale builds a tint and shade scale from one base color with adjustable hue and saturation curves, without Tailwind naming, an API or shareable URLs.
Geenes
A browser tool for building color scales and exporting them to Sketch or code.
Geenes builds color ramps from hue and saturation curves and exports to Sketch or code, rather than producing Tailwind 50 to 950 scales with an API.
Leonardo
Adobe's web tool for generating accessible color themes and scales from target contrast ratios.
Leonardo is open source and generates scales from target contrast ratios, exporting CSS custom properties and Design Tokens rather than following Tailwind's 50 to 950 conventions.
Huetone
An open-source web tool for building predictable, accessible color palettes in the LCH color space.
Huetone is open source and builds accessible scales in the LCH color space across several hues, assuming more familiarity with color spaces than tints.dev.
Accessible Palette
A web tool for building color systems with consistent lightness and WCAG contrast across hues.
Accessible Palette builds multi-hue color systems with consistent lightness and WCAG contrast per step, but assumes LCh familiarity and does not describe export options or an API.
Atmos
A web-based color palette generator for UI designers, with shade scales and accessibility checks.
Atmos generates uniform shade scales and semantic status colors with accessibility checks on a freemium basis, and some features may need an account.
Also worth comparing
These listings name tints.dev as their own alternative, so the relationship runs both ways.
Material Palette
A web generator that builds downloadable Material Design color palettes from two colors you choose.
tints.dev generates 11-shade Tailwind CSS scales from one color with an API and shareable URLs, rather than Material Design colors.
Material Theme Builder
Google's web tool for generating Material Design 3 color schemes from a source color.
tints.dev builds 11-shade Tailwind CSS scales from a base color and offers an API, following Tailwind rather than Material conventions.
Similar software
Related functionality, not a direct replacement.
Realtime Colors
A web tool that previews a color palette and font pairing on a realistic page layout as you edit it.
Colorffy
A set of web tools for generating color palettes, shades, gradients and light or dark UI themes.
OKLCH Color Picker
A web color picker and converter for the OKLCH color space with P3 and Rec2020 views.
Coolors
Fast color palette generator for browsing and tweaking combinations.
