> For the complete documentation index, see [llms.txt](https://help.modor.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.modor.io/design-on-modor/editing-a-mockup/change-the-color-of-your-mockup.md).

# Change the color of your mockup

Customize your mockup by changing its color to match your brand or design theme.

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2FlwGIm1AqLUhe1vYjGnaq%2Fchange-the-color-of-your-mockup.png?alt=media&amp;token=f75e9a37-54a1-45d8-b33a-937a3812ec10" alt=""><figcaption></figcaption></figure>

To change the color of your mockup, follow the steps below.

1. Click on the **Color** tab from the top menu.
2. Choose a color with the color picker under **Change color**.
3. You can also use the **Hex code** and **RGB values** for more specific colors.
4. The selected color will be applied to your mockup.
5. All changes are automatically saved, so even if you accidentally click on **Back**. You’ll not lose the progress.