Colors & Fonts
colorsandfonts.comColors & fonts, done right
Creative Toolscolor-palettetypographydesign-toolscsstailwindfigmaaccessibility
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.
Problem
Designers and developers struggle to build accessible, harmonious color palettes and font pairings that are ready to export to their preferred formats.
For
designers and front-end developers
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.
Business model
unknown
Status
launched