Color & typography resources and inspiration ━ search within hundreds of color palettes, gradients, color design systems and font pairings!
Colors and fonts provides searchable color palettes, gradients, design systems and font pairings with contrast testing and export features.
- for
- Designers and developers needing ready-to-use color and typography assets.
Key features
6 features of Colors and fonts
- Searchable library — Search within hundreds of color palettes, gradients, design systems and font pairings.
- Accessible palettes — Build palettes and test contrast to meet accessibility standards.
- Font pairing tool — Pair fonts easily for UI and branding projects.
- Mesh gradients & shaders — Create advanced mesh gradients and shader effects.
- Export formats — Export assets to all your favorite design formats.
- Contrast testing — Check color contrast directly within the tool.
Use cases
- Find a cohesive color palette for a new web app
- Test contrast ratios to ensure WCAG compliance
- Generate matching font pairs for branding
- Create mesh gradients for marketing graphics
- Export design assets for handoff to developers
Colors and fonts vs alternatives
 Colors and fonts |  Float UI v2 |  Saas UI |  zippystarter | |
|---|---|---|---|---|
| Best for | Searchable color & font inspiration | Tailwind UI components | React starter UI library | Quick website scaffolding |
| Pricing | Free | Free | Free | One time fee |
| DevHunt upvotes | 15 | 44 | 54 | 111 |
| Launched | Jan 2023 | Dec 2023 | Jan 2023 | Jan 2023 |
- Colors and fonts vs Float UI v2: Provides free Tailwind UI components, not a color/font search platform
- Colors and fonts vs Saas UI: Offers a React component library and starter kit, not color/typography resources
- Colors and fonts vs zippystarter: Creates blogs and landing pages, not a palette or font resource tool
Colors and fonts FAQ
What resources does Colors and fonts offer?+
It provides color palettes, gradients, color design systems and font pairings that you can search through.
Can I test color contrast within the tool?+
Yes, you can build accessible palettes and test contrast directly.
Is it possible to export my designs?+
Yes, you can export your palettes, gradients and other assets to all your favorite formats.
Does the tool support creating mesh gradients?+
Yes, you can create mesh gradients and shaders as part of the design workflow.
Summarized by DevHunt from colorsandfonts.com · Sep 27, 2026. Details may change; check the official site.
.png1696259195870.png?width=64){kind=logo}
