Alternatives to Accessible Palette
A web tool for building color systems with consistent lightness and WCAG contrast across hues. The listings below can replace it for an important use case. Each note says what changes if you switch.
The original
Accessible Palette
A web tool for building color systems with consistent lightness and WCAG contrast across hues.
Replacements
Listings that take over the same core job as Accessible Palette.
Leonardo
Adobe's web tool for generating accessible color themes and scales from target contrast ratios.
Leonardo generates swatches from target contrast ratios instead of lightness steps, is open source, and exports 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 also builds accessible palettes in the LCH color space, keeping perceived lightness predictable across hues in the browser.
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 easing curves, shows contrast for every step, and exports to Tailwind CSS, OKLCH and Swift.
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 them to Sketch or code, though it has little public documentation and no stated contrast display.
Atmos
A web-based color palette generator for UI designers, with shade scales and accessibility checks.
Atmos adds semantic status colors and harmony modes alongside uniform shade scales, but it is freemium and some features may need an account.
tints.dev
A web palette generator and API that builds 11-shade Tailwind CSS color scales from one base color.
tints.dev builds 11-shade Tailwind CSS scales from one base color with perceived lightness mode and an API, but follows Tailwind conventions rather than WCAG targets.
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 with UI previews and neutral and status scales, but some features require a Pro subscription.
Material Theme Builder
Google's web tool for generating Material Design 3 color schemes from a source color.
Material Theme Builder produces a full Material Design 3 scheme from one source color, which suits only projects following Material Design 3.
Also worth comparing
These listings name Accessible Palette as their own alternative, so the relationship runs both ways.
Scale
A web tool that generates a smooth color scale from a single base color.
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.
WebAIM Contrast Checker
An online checker that tests foreground and background color contrast against WCAG AA and AAA levels.
OKLCH Color Picker
A web color picker and converter for the OKLCH color space with P3 and Rec2020 views.
Colour Contrast Analyser
A free desktop app for checking foreground and background color contrast against WCAG, with eyedropper pickers.
WhoCanUse
A web tool showing how a text and background color pair looks to people with various vision conditions.
Realtime Colors
A web tool that previews a color palette and font pairing on a realistic page layout as you edit it.
