# Generate Color Palette with AI

> If you were switching to third-party apps to brainstorm on the perfect color palette for your UI design, this feature is a...

Source: https://mockflow.com/docs/mida/colors-with-ai

If you were switching to third-party apps to brainstorm on the perfect color palette for your UI design, this feature is a must-try. You can now generate color palettes with AI right inside MockFlow's wireframing editor. And once you finalize your color palette, you can add them to your favorite color listings to easily access them while creating your wireframes.

Read below to know how.

1. Click on Genius AI on the left sidebar.

1. Select Generate Color Palette.

![Image AI.gif](https://assets.mockflow.com/docs/media/92862deb84d3feb85ae899e5.gif)

1. Enter the prompt to generate the desired color palette and click on Generate colors.

1. Based on your prompt, an AI-generated color palette will be displayed instantly.

![Image AI (1).gif](https://assets.mockflow.com/docs/media/9897e0d3dc280fb25b158ade.gif)

1. Click the **plus (+) icon** next to any color to save it to your MockFlow color palette.

![Screen Shot 2025-05-07 at 3.13.52 PM.png](https://assets.mockflow.com/docs/media/0754bfbccf9bc39c2a6d8866.webp)

1. To save the entire palette at once, use the "Add All" button.

![Screen Shot 2025-05-07 at 3.13.52 PM.png](https://assets.mockflow.com/docs/media/90ab814fb00568936ed5cfc7.webp)