Colors & Fonts

colorsandfonts.com

Colors & fonts, done right

Visit
Colors & Fonts screenshot
/ About /

Colors & Fonts is a design utility tool that helps users build accessible color palettes, test contrast ratios, and pair fonts. It supports generating color scales from a single base color, creating harmonious palettes using color theory, and exporting to formats like Tailwind v4, CSS, SCSS, and Figma tokens. Additional features include mesh gradient creation, shader tools, and whiteboard export.

/ How it works /

Users input a base color or use color theory modes to generate palettes, test contrast in real time, pair fonts, and export results to CSS, SCSS, Tailwind, Figma tokens, or other formats.

/ Who it's for /

designers and front-end developers

/ More info /

Background.

Status
launched
Business model
unknown
/ Discovered patterns /

Similar projects.

Coming soonSpektrail’s read on Creative Tools

Editorial take on the space this project sits in — momentum signals, adjacent moves, our call on whether the wedge is real. Get pinged when we publish a new read or when the landscape shifts.

Coming soon

Have a take on this space?

Tell us what you’d build differently, where you think the incumbents miss, or what we’ve gotten wrong about this project. Comments + reactions are coming soon.