This Project was created in about 24 hours for HackUSF 2025, between April 5th and 6th, by Sebastian Garcia, Elizabeth Pretto-Sotelo, Benjamin Quintero, & Daniel Schevis.

pallit was developed in the Next.js React framework and used a series of libraries, components, and APIS to

What is pallit? Pallit is a web application designed to help people create and discover matching color palettes and fonts for their projects. It allows a user to generate random combinations of colors and fonts for headings, subheadings, or bodies of text, all of which can be modified and personalized to meet a user’s wants.

Why Was pallit Made? Coming up with coherent color schemes and matching fonts can be an extremely tedious process, so Pallit makes it easier by simply displaying fonts and colors to the user, allowing them to discover them at a much faster rate than one would normally.

Who Was pallit Made For? Anyone looking for good fonts and color schemes to use in their project designs.

Tools Used to Make pallit Pallit was primarily developed in Javascript, Typescript, and CSS, using the Next.js framework with TailwindCSS and Vite .

We utilized components from the ShadCN and Radix UI component libraries. We also utilzied the chroma.js and tinycolor2 JavaScript libraries.

We utilized the Google Fonts API to aid in our font usage.

How to Run pallit Clone the GitHub repo into a folder using the following link: https://github.com/elizabethprettosotelo/pallit.git

Open the folder using a terminal, or utilize the terminal in a code editor of your choice

Use this command: npm install

Then use this command: npm run dev

Open http://localhost:3000, and have fun!