> the problem
Power Apps has no built-in theming system. When you start a new app, you're picking colors manually, trying to make things look cohesive, and hoping the primary color you chose doesn't clash with your accent color.
Most developers aren't color theory experts. They either end up with something that looks unprofessional or spend way too much time trying to get it right.
> what i built
PowerColors generates professional color palettes specifically for Power Apps. You get a primary, secondary, accent, background, and text color - all designed to work together.
Hit spacebar to generate a new random palette. Upload an image and the AI extracts a color scheme from it. Lock individual colors you like and randomize the rest. When you're happy, copy the theme code and paste it into your Power App.
Everything happens in the browser with a live preview so you can see exactly how your app will look before committing to a palette.
> how it works
1. hit spacebar to generate a palette
2. or upload an image for AI color detection
3. lock colors you like, randomize the rest
4. see live preview of your Power App theme
5. copy theme code, paste into Power Apps
> features
- spacebar to generate random palettes
- AI color extraction from uploaded images
- lock individual colors while randomizing others
- real-time Power Apps theme preview
- copy-paste theme code
- accessible color contrast checking
- completely free, no signup
> tech stack
framework: Next.js + React
styling: Tailwind CSS
ai: color extraction from images
color: custom palette generation algorithm
hosting: Vercel
output: Power Apps theme code
> why i built this
Color is one of those things that makes or breaks whether an app looks professional. But picking good colors is surprisingly hard, especially when you need 5+ colors that all work together.
Tools like Coolors exist for web devs, but nothing was tailored for Power Apps - generating the right output format, showing a preview in a Power Apps-style layout, making it easy to go from palette to running app.
PowerColors bridges that gap. Pick a palette, copy the code, and your app instantly looks like a designer worked on it.