Colors and fonts
Category:
Maker:
Skill Level
DeveloperUse Cases
β‘οΈ Tags detected by AI
22 visitors went to Colors and fonts from LandinTools in the last 30 days.
Your product? Claim it to see where they come fromAbout Colors and fonts
Colors & Fonts is a free set of color and typography tools for designers and developers. It brings together curated color palettes, copy-paste CSS gradients and a palette builder that includes contrast checking, so palettes can be tested for accessibility while they are being assembled.
Other tools on the site include a monochromatic shade generator, a mesh gradient creator, animated shaders and font pairing. Users can start from a single color and build out a palette, then export the results to a range of formats, including themes for shadcn and Tailwind.
The site suits web developers who need ready-to-use CSS values and theme files, and digital designers looking for color and typography inspiration or a quick way to check contrast and generate shades for a project.
Best for
- Web developers building Tailwind or shadcn themes
- Digital designers creating accessible color palettes
- Designers looking for CSS gradient inspiration
Pros
- Free color tools
- Built-in contrast checking in the palette builder
- Exports themes for shadcn and Tailwind
- Copy-paste CSS gradients and mesh gradients
Pricing
The site describes its color tools as free.
Colors and fonts FAQ
- Is Colors & Fonts free?
- Yes, the site describes its color tools as free for designers and developers.
- Can it export themes for Tailwind or shadcn?
- Yes, it offers shadcn and Tailwind theme export, along with export to other formats.
- Does it help with accessibility?
- The palette builder includes contrast checking for building accessible palettes.
Compare Alternatives
See what other makers use instead of Colors and fonts
aicolors.co
Create cool and unique color palettes with our AI-powered color palette generator.
CallToInspiration
A free gallery of handpicked UI design examples from real websites and apps, organized by interface pattern.