These buttons open the developer's own site, repository or store listing in a new tab. wares.gg does not host downloads.
About Scale
Scale is a small browser tool for building a color scale, the run of lighter and darker steps that design systems use for backgrounds, borders and text. You pick a base color and the tool generates the steps around it.
Hue and saturation curves are adjustable, so the lighter and darker ends can shift in tone rather than only in brightness. It suits designers and front-end developers who want a quick scale for a UI palette without setting one up by hand.
Strengths
- Builds a full scale from one base color
- Adjustable hue and saturation curves across the scale
- Runs in the browser with nothing to install
Limitations
- Focused on scales only, not full multi-color palettes
- Little documentation on the page itself
Details
- Pricing
- FreeFree to use in the browser.
- License
- Proprietary
- Developer
- Hayk An
- Platforms
- Web
- How it runs
- Web application
- Best suited for
- Designers building tint and shade scales for a UI color system
- Categories
- Color tools
- Last verified
- Added
- Provenance
- Facts checked against the developer's own pages and store listings, 1 sources on file.
Alternatives to Scale
Compare allSoftware that can replace Scale for an important use case, and what changes if you switch.
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 necessarily 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.
