DEV Community

Bao DK
Bao DK

Posted on

Color Palette Persona

Education Track: Build Apps with Google AI Studio

🎨 Introducing AuraPalette: Your Personalized Color Generator, Powered by Google AI Studio!

I'm thrilled to share my submission for the DEV Education Track: Build Apps with Google AI Studio!

Meet AuraPalette, a fun and unique application that generates a personalized color palette just for you. Forget generic color pickers—this tool dives into your personal data to craft a palette that is truly yours.

✨ How Does AuraPalette Work?

AuraPalette uses Google AI Studio to weave together a palette based on three key elements:

  • Date of Birth: Drawing on astrological and numerical associations.
  • Gender: Incorporating typical color psychology and associations.
  • Favorite Topics: Integrating the mood, energy, and visual associations of your passions (e.g., "Cybersecurity," "Gardening," or "Retro Anime").

The result is a unique set of colors that feels reflective of your digital aura!

đź’ˇ See It In Action!

Want to see what colors the AI thinks represents you? Give it a try!

🚀 Demo Link:

https://ai.studio/apps/drive/1bcVvF_gz8YWmZTmdC1sAUj0ttua3cfXK?fullscreenApplet=true

🏞️ Screenshots:

Input fields

Personal analysis

Result 1

Result 2

🛠️ Behind the Scenes: Building with Google AI Studio

Building this app was a fantastic learning experience! The power of the Gemini API through Google AI Studio made it straightforward to integrate sophisticated logic for generating creative, context-aware outputs. The core of the app relies on providing the model with the user's personal details and a clear prompt to output a JSON-formatted list of colors (e.g., hex codes and names), which I then render on the frontend.

🙏 Let's Get Excited and Share Feedback!

I'm excited to hear what you think of this concept and the resulting palettes.

  • What color palette did you get?
  • Do the colors resonate with your personality or topics?
  • Any suggestions for other inputs that could make the palettes even better? Drop your feedback and results in the comments below! 👇

Top comments (0)