AI Color Palette

Generate color palette in seconds with AI. After a color palette has been generated user can edit the palette with AI and also manually.

Comment

Inspiration

The inspiration behind this project is to leverage AI to simplify and enhance the creative process for designers and non-designers alike. By creating an AI-powered color palette generator, the app aims to provide users with the ability to quickly generate visually appealing color schemes based on their descriptions or adjust existing ones, which can then be seamlessly integrated into their Canva projects

What it does

The AI Color Palette app generates color palettes based on user-provided prompts and descriptions. Users can either create a new palette or edit an existing one using AI. The app allows users to customize the generated palettes by adjusting the colors, and it provides options to display color hex codes and names on the palette. The final palette can be uploaded and used directly within Canva designs.

How we built it

The app is built using React for the frontend and the Canva App UI Kit for the user interface components. It integrates with Canva's API to allow the generated color palettes to be used in Canva designs. The app also communicates with a backend server, hosted on Cloudflare Workers, to handle AI-based palette generation and editing. The app makes use of the Canva Auth API to authenticate users and fetch tokens for secure backend communication.

Challenges we ran into

The main challenge I ran into was related to the backend. Since I am using Cloudflare Workers I was having some trouble extracting the user information. Still, after carefully reading the documentation and experimenting with the examples provided I could fix it. The docs and examples were of great help and I loved how detailed they were. I also had some trouble with AI responses since they need to be in a specific format to make the application work.

Accomplishments that we're proud of

In the end, I am really proud to see my application work like I expected.

What we learned

It has been a great learning experience for me since before the start of the hackathon I was not aware that we could create applications on Canva and finally being in a stage where I could successfully create one has been a blessing. On this journey, I wpuld also like to thank the Canva developers team who made examples and docs which were easy to read and understand. With those resources I do not think I would have been able to submit my application today.

What's next for AI Color Palette

Currently, my application is under review. Since this is the first application I have submitted which uses a backend I would love to get some feedback from the team if I made any mistake and which will help me to improve the application.

Built With

Share this project:

Updates