Color & tools

Palette generators, contrast checkers, gradient editors and small utilities that sit next to your design file.

Color & tools resources
NameCategoryTypePriceAdded
RampsmithGenerates accessible 11-step color ramps and checks every pair for contrastColor & toolsFreemiumFree / $6/mo
Contrast LedgerA Figma plugin that audits every text layer in a file for contrast issuesColor & toolsPaid$8/mo
Nibble SVGAn in-browser SVG optimizer with a side-by-side diff before you exportColor & toolsOpen sourceFree
Gradient LoomA browser-based mesh gradient editor that exports CSS, SVG and PNGColor & toolsFreeFree
PenumbraAn open-source generator for layered, realistic box shadowsColor & toolsOpen sourceFree
Palette PressPull a usable palette out of any photo, then export it as tokensColor & toolsFreeFree
ScalewrightA type and spacing scale calculator that outputs fluid CSS clamp() valuesColor & toolsFreeFree

Know a resource that belongs in Color & tools?

Submit a resource
Live demo · Sourcefile Club— View template →