Palette generators, contrast checkers, gradient editors and small utilities that sit next to your design file.
Color & tools
Generates accessible 11-step color ramps and checks every pair for contrast
Rampsmith turns one brand color into an 11-step ramp from 50 to 950, adjusting lightness and saturation so each step looks evenly spaced. It checks every text and…
Color & tools
A Figma plugin that audits every text layer in a file for contrast issues
Color & tools
An in-browser SVG optimizer with a side-by-side diff before you export
Nibble SVG cleans up exported SVG files: it strips editor metadata, merges paths, rounds coordinates and removes hidden layers, typically cutting files by 40 to 70…
Color & tools
A browser-based mesh gradient editor that exports CSS, SVG and PNG
Color & tools
Pull a usable palette out of any photo, then export it as tokens
Palette Press extracts 5 to 12 colors from an uploaded image, then sorts them into roles: background, surface, text, primary and accent. You can lock colors, nudge them,…
Color & tools
A type and spacing scale calculator that outputs fluid CSS clamp() values
Scalewright calculates a type scale and a spacing scale together, from a base size and a ratio at both a small and a large viewport. It previews every step with your own…
Know a resource that belongs in Color & tools?
Submit a resource