How to Use PowerColors

Generate professional Power Apps themes in just 3 simple steps. No design experience required.

1

Generate Colors

Press Spacebar to generate professional color harmonies, or click the shuffle button. Lock colors you like by clicking the lock icon.

2

Preview Your Theme

See how your colors look in a realistic app interface. Preview your theme on buttons, cards, navigation, and UI elements in real-time.

PowerColors App
Save
Delete
Edit
Active
3

Copy & Apply

Copy the generated code and paste it into your app's Formulas property. Then set your controls to use the theme variables (e.g., Button Fill = AppTheme.BrandPrimary).

AppTheme = {
  BrandPrimary: ColorValue("#1976D2"),
  BrandSecondary: ColorValue("#424242")
};

Pro Tips

🎨 Color Theory

PowerColors uses HSB-based color methodology with constrained saturation and brightness ranges for professional, harmonious palettes.

♿ Accessibility

Generated colors use accessibility-friendly saturation and brightness ranges, but you should still test contrast ratios for your specific use cases.

🔒 Lock Colors

Found a color you love? Lock it and keep shuffling the others. Build your palette piece by piece.

📋 Copy Individual Colors

Click the copy icon on any color square to copy just that hex value for use in other design tools.

⚠️ Important: Manual Control Setup Required

The generated code creates theme variables, but you still need to manually set each control to use them:

• Button Fill = AppTheme.BrandPrimary
• Button Color = AppTheme.Surface
• Text Label Color = AppTheme.TextPrimary
• Card Fill = AppTheme.Surface
• Icon Color = AppTheme.StatusSuccess