https://www.colorsandfonts.com 100% free to use. I also made a better dark mode. It is still dark, but it won't be too dark that is difficult to read.

What will you find? COLOR Color palettes. Color gradients. Color contrast. Material colors. Tailwind colors. ( will update soon with new colors ). Web safe colors. Color converter. TYPOGRAPHY Variable fonts. Font pairings. ( will update soon with new fonts ) Glyphs. RESOURCES Resources for designers. Resources for developers. HTML Reference. CSS Reference. On the color tools you can: Copy the whole color style. Copy one single color. Copy the CSS On the typography tools you can: Copy the import tag. Copy the CSS. Preview and edit font pairings. Download the variable font. Copy the CSS declaration for the variable font. Copy glyphs. On the resources you can: Find resources for developers. Find resources for designers. Find HTML reference. Find CSS reference. Remember that you can copy the colors on Figma, Framer and Github. The links are on the landing page.

There is also a newsletter that I send Tuesdays to get resources on your inbox. Free and without the need of subscribe.

The newsletter. https://www.colorsandfonts.substack.com The website. https://www.colorsandfonts.com Thank you for reading if you want to talk just do it here in the comments or hit me up on ###Twitter.com/mike_andreuzza

Have a great day everyone

/Mike