Alternatives to Scale
A web tool that generates a smooth color scale from a single base color. The listings below can replace it for an important use case. Each note says what changes if you switch.
The original
Scale
A web tool that generates a smooth color scale from a single base color.
Replacements
Listings that take over the same core job as Scale.
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, shows contrast ratios for each step, and exports to Tailwind CSS, OKLCH and Swift.
tints.dev
A web palette generator and API that builds 11-shade Tailwind CSS color scales from one base color.
tints.dev generates 11-shade Tailwind CSS scales from one base color, with linear or perceived lightness modes, an API and shareable URLs, built around Tailwind conventions.
UI Colors
A web tool that generates Tailwind CSS color shade scales from a base color and previews them.
UI Colors generates Tailwind shade scales from a base color and previews them on UI examples and shadcn/ui components, but some features need a Pro subscription.
Geenes
A browser tool for building color scales and exporting them to Sketch or code.
Geenes also builds color scales from hue and saturation curves in the browser, and adds export of the resulting palettes to Sketch or code.
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, with adaptive dark mode themes and export to CSS custom properties, Design Tokens and SVG.
Huetone
An open-source web tool for building predictable, accessible color palettes in the LCH color space.
Huetone is open source and builds accessible, perceptually even palettes in the LCH color space, which assumes some familiarity with color spaces.
Accessible Palette
A web tool for building color systems with consistent lightness and WCAG contrast across hues.
Accessible Palette builds multi-hue scales with consistent perceived lightness and shows WCAG 2 and WCAG 3 contrast per step, but assumes knowledge of LCh values.
Similar software
Related functionality, not a direct replacement.
Atmos
A web-based color palette generator for UI designers, with shade scales and accessibility checks.
Material Theme Builder
Google's web tool for generating Material Design 3 color schemes from a source color.
Colorffy
A set of web tools for generating color palettes, shades, gradients and light or dark UI themes.
Material Palette
A web generator that builds downloadable Material Design color palettes from two colors you choose.
Palettte App
A web app for creating, editing and remapping color palettes with hue, saturation and value controls.
Realtime Colors
A web tool that previews a color palette and font pairing on a realistic page layout as you edit it.
