Dev tools Β· alternatives Β· 2026
24 alternatives to Colors and Fonts
Colors, fonts & resources for Developers & Digital Designers
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Colors and Fonts launched in 2019; newer entries below may have overtaken it.
- 1
Colors, fonts & resources for developers & digital designers
2020 Β· colorsandfonts.com Β· its alternatives β
- 2
Colors & Fontsβ²304Color & typography for web developers & digital designers
2021 Β· colorsandfonts.com Β· its alternatives β
- 3
Free color tools for designers and developers: curated color palettes, copy-paste CSS gradients, a palette builder with contrast checking, monochromatic shade generator, mesh gradients, animated shaders, and shadcn/Tailwind theme export.
2019 Β· colorsandfonts.com Β· its alternatives β
- 4
Colors & fontsβ²141Colour and typography inspiration ready to copy-paste
2023 Β· colorsandfonts.com Β· its alternatives β
- 5AC
I had this idea kicking around in my head for quite a while. Took an evening to make this, and a short morning to polish it a bit. So here it is!
2022 Β· arantius.github.io Β· its alternatives β
- 6
Colors & fonts v5β²17Color & typography tools for web devs & digital designers
2024 Β· colorsandfonts.com Β· its alternatives β
- 7
UI Colorsβ²302Tailwind CSS color generator & editing tool
2022 Β· uicolors.app Β· its alternatives β
- 8
ChooseDaFontβ²71Discover combinations of colors & fonts for your brand.
2019 Β· cevagraf.coop Β· its alternatives β
- 9
- 10
700+ free Figma sections built for Tailwind CSS
2022 Β· figma.com Β· its alternatives β
- 11
Figma to Tailwind CSSβ²150Convert Figma designs into Tailwind CSS code in 1 click
2023 Β· figma-to-tailwind-css.com Β· its alternatives β
- 12
Awesome open-source gradient tool for web designers
2022 Β· creative-tim.com Β· its alternatives β
- 13
Stylelistβ²95Figma plugin for quick creation text and color styles
2021 Β· figma.com Β· its alternatives β
- 14
- 15
Create beautiful Figma file thumbnails with ease
2023 Β· figgenius-figma-plugin.vercel.app Β· its alternatives β
- 16
ColorHubβ²178Find the perfect color palette for your next project
2021 Β· colorhub.vercel.app Β· its alternatives β
- 17
Foundationβ²143Generate Figma variables based on Tailwind utility classes
2024 Β· figma.com Β· its alternatives β
- 18
DesignDupeβ²162Chrome Extension: Identify colors and fonts on any website
2024 Β· its alternatives β
- 19
.colors()β²115π¨ A color picker for people who live in their text editor
2018 Β· its alternatives β
- 20
colorSSβ²98Generate random CSS color palettes and get inspired
2022 Β· xsgames.co Β· its alternatives β
- 21
Tailwind Animationsβ²132Beautiful copy + paste Tailwind CSS animations in seconds
2023 Β· tailwindanimations.co Β· its alternatives β
- 22
Html Colorsβ²77Discover HTML color codes for your website
2020 Β· htmlcolors.com Β· its alternatives β
- 23
- 24
Tailwind CSS Gradientsβ²102Collection of linear gradients made with TailwindCSS Classes
2022 Β· launchoice.com Β· its alternatives β
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each productβs own site when checked and can change. Refine with your own description β